2009-10-13 9 views
0

내 Google지도 코드가 모두 제곱되어 유효하지만 페이지에로드되지 않습니다. 여기에 문제의 페이지입니다, 내가 코드에 대한 모든 가능성이 확실하지 그것을 깨는 이유 :Google지도가 작동하지 않습니다.

http://whs.rjuhsd.us/calendar/map

Gmaps JS 올바른 키, 헤더입니다. 센서가 true로 설정되고 요소가 문서에 정의되어 올바르게 표시되고 올바른 위치에 표시되고 사용자가 사용할 수 있습니다.

Halp?

+1

당신이 코드라고 생각하는 이유는 모두 "제자리로 멀어져 유효합니까?" 페이지를로드하는 것만으로 10 개의 자바 스크립트 오류가 발생합니다. –

+0

라이브 웹 사이트를 편집하고 있습니까? 왜냐하면 어디서나 Google Maps API 스크립트를 볼 수 없기 때문입니다. – brianpeiris

+0

무법자 - Google API 사이트에서 글자 그대로 복사/붙여 넣기 되었기 때문에 유효하지만 아직 작동하지 않습니다 (지금은 이해할 수있는 jQuery 충돌로 인해) – dmanexe

답변

3

jQuery와 Prototype간에 충돌이있는 것 같습니다.

noConflict 모드 인 jQuery를 사용하십시오.

추신 : 왜 둘 다 사용하고 있습니까?

0

Google지도에 대한 두 개의 링크가 표시되지만이 페이지의 일부로 Google지도를 표시한다고 가정합니다.

<div id="map_canvas" style="width: 500px; height: 300px;"></div> 

당신이지도를 포함하도록 곳 어쩌면 이것이다 :

페이지에 빈 DIV가있다? 그렇다면 다음과 같이 바꾸십시오.

<div id="map_canvas" style="width: 500px; height: 300px;"><iframe width="500" height="300" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.com/maps?f=q&amp;source=s_q&amp;hl=en&amp;geocode=&amp;q=2551+Woodcreek+Oaks+Blvd.+Roseville,+CA,+95747&amp;sll=37.0625,-95.677068&amp;sspn=41.767874,58.535156&amp;safe=on&amp;ie=UTF8&amp;t=h&amp;hq=&amp;hnear=2551+Woodcreek+Oaks+Blvd,+Roseville,+Placer,+California+95747&amp;ll=38.764056,-121.330884&amp;spn=0.015209,0.020106&amp;z=16&amp;output=embed"></iframe><br /><small><a href="http://maps.google.com/maps?f=q&amp;source=embed&amp;hl=en&amp;geocode=&amp;q=2551+Woodcreek+Oaks+Blvd.+Roseville,+CA,+95747&amp;sll=37.0625,-95.677068&amp;sspn=41.767874,58.535156&amp;safe=on&amp;ie=UTF8&amp;t=h&amp;hq=&amp;hnear=2551+Woodcreek+Oaks+Blvd,+Roseville,+Placer,+California+95747&amp;ll=38.764056,-121.330884&amp;spn=0.015209,0.020106&amp;z=16" style="color:#0000FF;text-align:left">View Larger Map</a></small></div> 
+1

Google지도 API는 빈 div를지도와 함께 채 웁니다. 대신 IFRAME을 포함하면 맞춤 레이어, 마커 등 API의 많은 이점을 잃을 수 있습니다. – ceejayoz

+0

아 맞습니다. 그 점을 지적 해 주셔서 감사합니다. 새로운 것을 배웠습니다 – pythonquick

+0

+1 pythonquick, 질문자가 기본지도 만 표시하려는 경우 포함 iframe이 청구서에 맞습니다. – brianpeiris

1

Chetan이 맞으면 jquery와 Prototype간에 충돌이 발생합니다.

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"> 
</script> 
     ... snip ... 
     <!-- following scripts are for the jwPlayer installations oct.09 --> 
     <script type="text/javascript" src="/scripts/swfobject.js"></script> 
     <script type="text/javascript" src="scripts/jwplaylist/jquery-1.3.2.min.js"> 
    </script> 

그냥 데 SWFObject를 업데이트하지 않은 어떤 이유가 있습니까 : 나는 한 번,하지만 그 후, 따라서 noConflict를 취소, 문서에 JQuery와 다시 가져 오기) 당신이 jquery.noConflict을 (라는 것을 참조 jquery의 이전 버전을 사용하려면?

관련 문제