javascript - 谷歌地图对我不起作用

Question

我的谷歌地图代码都是方正的并且有效，但它没有加载到页面上。这是有问题的页面，我可以完全使用代码，但不确定它为什么会中断：

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

Gmaps JS 在标题中，带有正确的键。Sensor 设置为 true，元素在文档中定义，正确显示，在正确的位置并可供用户使用。

哈普？

Answer 1

看起来你在 jQuery 和 Prototype 之间有冲突。

使用 jQuery 的noConflict模式。

PS：你为什么同时使用？

Answer 2

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？

Answer 3

我看到两个指向谷歌地图的链接，但我假设您想在此页面中显示谷歌地图，对吗？

您的页面上有一个空的 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>