谷歌地圖不能正常工作

我的谷歌地圖代碼全部擺平並且有效，但它不會加載到頁面上。這是有問題的網頁，我有充分的可用性的代碼，不知道爲什麼它打破：谷歌地圖不能正常工作

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

的Gmaps JS是在標題中，使用正確的密鑰。傳感器設置爲true，文檔中定義元素，正確顯示，並顯示在正確的位置並供用戶使用。

Halp？

來源

2009-10-13 dmanexe

是什麼讓你覺得你是代碼全是「擺脫和有效？」通過加載頁面，我得到了10個javascript錯誤。 – 2009-10-13 23:44:41

您是否正在編輯實時網站？因爲我沒有在任何地方看到Google Maps API腳本。 – brianpeiris 2009-10-13 23:52:48

不合法 - 我的意思是有效的，因爲它是從谷歌API網站複製/粘貼的，但仍然不起作用（由於我現在明白jQuery衝突） – dmanexe 2009-10-14 22:37:54

看起來你在jQuery和Prototype之間有衝突。使用noConflict模式的jQuery。

PS：你爲什麼同時使用？

來源

2009-10-13 23:38:40

我看到兩個鏈接到谷歌地圖，但我想你想顯示一個谷歌地圖作爲本頁面的一部分吧？

有你的頁面上的空DIV：

<div id="map_canvas" style="width: 500px; height: 300px;"></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>

來源

2009-10-13 23:40:02 pythonquick

谷歌地圖API使用地圖填充空白div。包括一個IFRAME反而會失去API的許多優點，比如自定義圖層，標記等。 – ceejayoz 2009-10-13 23:45:05

啊對了。感謝您指出了這一點。學到了新東西 – pythonquick 2009-10-13 23:48:30

+1 pythonquick，如果提問者只想顯示基本地圖，則嵌入式iframe適合賬單。 – brianpeiris 2009-10-13 23:54:15

Chetan是正確的，你遇到了jquery和Prototype之間的衝突。我看到你叫jquery.noConflict（）一次，但在此之後，你的jquery再次導入到您的文檔，從而撤消noConflict：

<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 .js使用jquery的早期版本？

來源

2009-10-13 23:54:29

谷歌地圖不能正常工作

回答

相關問題