Google Maps API V3 PHP+MySQLサンプル:
Google Maps API V3 PHP+MySQLサンプル:
iPhone(スマートフォン用端末)のGoogle Map アプリのような現在地アイコンがいいな~なんて探していたら有りました。
青いドットのアイコンで周囲にレーダーのように青いリングが広がっていくアニメーション付きです。
Google Mapに表示することの出来る交通渋滞情報が思っていたよりも便利。Traffic Layer(交通渋滞情報レイヤー) をiPhone(スマートフォン用端末)地図に追加してみます。
出来れば、iPhone(スマートフォン端末)の画面をタップしたら表示/非表示を繰り返すことが出来るような手軽なものに。
iPhone(スマートフォン端末用)のサイトをjQtouchで作成中に発生した問題
/main/index.html#home ⇒ /googlemap/#mapdemo ⇒ /googlemap/#about ⇒ /googlemap/#mapdemo 、続いて/main/index.html#homeへ戻るためのhomeボタンを押すとここで問題発生、/main/index.html#homeではなく/googlemap/#aboutへリダイレクトされてしまう。何故?
homeボタンは、以前と同じソース <a class =”back” target=”_webapp” href=”../main/index.html#home”>Home</a> となっているが何が悪いのか?リンクアドレスは正常。jQtouchライブラリ側で何らか変わった?
/main/index.html#home ⇒ /googlemap/#mapdemo ⇒ /main/index.html#home では正常に動作。
以前の記事「Google Street View(ストリートビュー)のConnecting MapにMarkerを表示させる」で作成したストリートビューのマップコネクトの地図がベースです。
複数の駐車場の入り口を紹介するために、ストリートビューと地図を使ったマップコネクトを使用します。地図の外に複数のボタンを設けて、クリックするとそれぞれの駐車場の入り口を表示させるものです。
グーグルマップにお天気情報と雲の状況を表示できるようになっています。
日本語版Google Maps JavaScript API V3 デベロッパーのオーバーレイのページには、アナウンスがないのですが、英語版のデベロッパーページには、「ウェザーレイヤー(WeatherLayer)」について記述があります。
ここでは、2012年4月のGoogle Geo Developers Blogで紹介されているサンプルをベースにお勉強。
デベロッパーガイドでは、The Weather and Cloud Layers はLibrary(ライブラリー)と書いてあります。Libraryとは?
ライブラリーの概要については、ここのページに記載があります。
要は、地図APIのいくつかの機能を使いたければ、指定しないと使えないよ・・・とのこと。ここでは、このサンプル地図に天気と雲のレイヤーを追加してみたいと思います。