谷歌地图不能正常工作

我的谷歌地图代码全部摆平并且有效，但它不会加载到页面上。这是有问题的网页，我有充分的可用性的代码，不知道为什么它打破：谷歌地图不能正常工作

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

谷歌地图不能正常工作

回答

相关问题