FC2ブログ

HPにgoogle mapを挿入できました!

ただ今事務所のbossのHPを全面リニューアルしています。

そこで、HPに事務所の地図を挿入しようと、悪戦苦闘しました。

なんでも最近Google Maps API V3になったらしく、ホームページビルダーのできあいのツールが使えないではないか[E:sign02] カットオーバーを目前として、ちょっと焦った[E:sweat01]

今までと違うのはAPI Keyが不要になったことと、iPhoneやAndroidで地図を高速に表示できるようになったようだ。ただし、JavaScriptの書き方はかなり変更されたらしい[E:sweat02]

でも頑張ってやってみた[E:rock]

1.<head>の下に青い部分を組み込み・・・

Snap8

2.始めから入っていた<body id=.......>の部分はコメントにして、onload="initialize()のところを直してみた・・・

Snap4_2


3.そして地図を表示したいところに青い一行を入れた・・・

Snap9_5

そしたら、できちゃいました[E:flair]

Snap10


よかった、よかった。

この連休中にカットオーバーしたいので、この後も頑張ります[E:scissors]

内容についてもう少し詰めたいので、boss、協力してくださ~い[E:dash]

コメントの投稿

非公開コメント

プロフィール

masa155

Author:masa155
趣味はパソコン。
ボランティアや市政にも関心あり。
近隣小学校のボランティア活動をしたり、議会を傍聴したり…
ちょっと変わった主婦です(^O^)/

アクセスカウンター
現在の閲覧者数
リンク
最新コメント
月別アーカイブ
カテゴリ
最新記事
検索フォーム
QRコード
QR