2011年2月25日

GoogleMap API V3 その3

サンプルのとおり作成し、このブログにウェブページとしてサンプルを載せようと思ったのですが、断続的にjavascriptのエラーが発生して正常に動きません。

firebugで見る限りでは、Google Maps JavaScript API v3 Example: Elevationのスクリプトにエラーが発生しているようです。
ただ、Google Maps JavaScript API v3 Example: Elevation単独でのページであれば何もエラーが発生しないので、このブログに使っているjavascirptと何か競合しているのかと思い、順番にスクリプトをはずしていくと、prototype.jsをはずすと正常に動作しました。
setMapがprototype.jsのmapと競合しているんだと思うのですが、無知でチュートハンパな私には解決方法は全く分かりません。ということで、このブログのカレンダーをprototype.jsではなくjQueryのカレンダーに変更することにしました。

手順はいつもの小粋空間さんの手順どおり進めていきます。Ajax 月送りカレンダー(jQuery・MT4版)の記事をよく読み、scriptをダウンロードして、サーバーにアップロードし、各種テンプレートを変更して、再構築!で、OKです。

で、完成したサンプルページがこのページです。

Google Maps JavaScript API v3 Example: Elevation

これから、また駅伝用に修正をしていきたいと思います。

トラックバックURL

このエントリーのトラックバックURL:
http://blog.776town.net/mt/mt-tb.cgi/15

コメントする