私の Google マップのコードは四角で有効ですが、ページに読み込まれません。これが問題のページです。コードを完全に利用できますが、なぜ壊れているのかわかりません:
http://whs.rjuhsd.us/calendar/map
Gmaps JS はヘッダーにあり、正しいキーがあります。Sensor が true に設定され、要素がドキュメントで定義され、適切な場所に適切に表示され、ユーザーが利用できるようになります。
ハーフ?
私の Google マップのコードは四角で有効ですが、ページに読み込まれません。これが問題のページです。コードを完全に利用できますが、なぜ壊れているのかわかりません:
http://whs.rjuhsd.us/calendar/map
Gmaps JS はヘッダーにあり、正しいキーがあります。Sensor が true に設定され、要素がドキュメントで定義され、適切な場所に適切に表示され、ユーザーが利用できるようになります。
ハーフ?
Chetan の言うとおりです。jquery と Prototype の間で競合が発生しています。jquery.noConflict() を 1 回呼び出したことがわかりますが、その後、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>
以前のバージョンの jquery を使用するように swfobject.js を更新しなかった理由はありますか?
Google マップへのリンクが 2 つ表示されますが、このページの一部として Google マップを表示したいと思いますよね?
ページに空の 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&source=s_q&hl=en&geocode=&q=2551+Woodcreek+Oaks+Blvd.+Roseville,+CA,+95747&sll=37.0625,-95.677068&sspn=41.767874,58.535156&safe=on&ie=UTF8&t=h&hq=&hnear=2551+Woodcreek+Oaks+Blvd,+Roseville,+Placer,+California+95747&ll=38.764056,-121.330884&spn=0.015209,0.020106&z=16&output=embed"></iframe><br /><small><a href="http://maps.google.com/maps?f=q&source=embed&hl=en&geocode=&q=2551+Woodcreek+Oaks+Blvd.+Roseville,+CA,+95747&sll=37.0625,-95.677068&sspn=41.767874,58.535156&safe=on&ie=UTF8&t=h&hq=&hnear=2551+Woodcreek+Oaks+Blvd,+Roseville,+Placer,+California+95747&ll=38.764056,-121.330884&spn=0.015209,0.020106&z=16" style="color:#0000FF;text-align:left">View Larger Map</a></small></div>