ホームページ制作に役立つ!ブレイン・エイチシー

ホームページ制作の備忘録サイト(SEO / CSS / Javascript / Ajax / PHP / MySQL / WordPress / MovableType / etc…)

【GoogleMap】 HTML5に対応したGoogleMap API V3

Posted by Yamana 5月 - 8 - 2012 - 火曜日 ADD COMMENTS
 

かなり久々の投稿です。

これまでGoogleMapを利用したホームページを幾つか制作する機会があったが、

それらは基本的にPC向けのWebサイト。

ところが今回スマートフォン対応のサイトを構築することに。

もちろんHTML5です。

製作前、基本はこれまでPC版で作ったことのあるGoogleMapを活用すればできると思っていましたが、

どうやらスマートフォン向けにGoogleMap API V3が出ていたみたい。

そしてどうやら作り方が違うみたい。。。

 

Oh—-! そしてもちろんGPS機能を利用して、現在地の情報を取得する。

さらに位置情報を読みこませるXMLの取得方法も変わっているようだ。

 

結果的には完成したが、そのとき参照させていただいたサイトをいくつかご紹介しておきます。

 

Google Maps Javascript API V3 Reference
https://developers.google.com/maps/documentation/javascript/reference?hl=ja

Google Maps入門(Google Maps JavaScript API V3)
http://www.ajaxtower.jp/googlemaps/

Google Maps API v3 / マップオブジェクトの状態変化イベント
tilesloadedとprojection_changedとは?
http://waox.main.jp/news/?p=1933#more-1933