Google Maps API V3 PHP+MySQLサンプル:

Google Map現在地アイコン/レーダのようにパルス発信するアニメーション

iPhone(スマートフォン用端末)のGoogle Map アプリのような現在地アイコンがいいな~なんて探していたら有りました。

plebeosaur.us ”Here We Are Again”

青いドットのアイコンで周囲にレーダーのように青いリングが広がっていくアニメーション付きです。

 

icon icon

続きを読む…

WordPressGoogle GmailYahoo MailEmailPrintPrintFriendlyBookmark/FavoritesShare

Googel Maps API + Traffic Layer(交通渋滞情報レイヤー) +ON/OFFボタン /JQtouch

Google Mapに表示することの出来る交通渋滞情報が思っていたよりも便利。Traffic Layer(交通渋滞情報レイヤー) をiPhone(スマートフォン用端末)地図に追加してみます。

出来れば、iPhone(スマートフォン端末)の画面をタップしたら表示/非表示を繰り返すことが出来るような手軽なものに。

続きを読む…

WordPressGoogle GmailYahoo MailEmailPrintPrintFriendlyBookmark/FavoritesShare

画面左上部のclass ”back” button(バックボタン)が target=”_webapp”の場合に正常に動作しない問題(不具合)/jQtouch

 

 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 では正常に動作。

 

  続きを読む…

WordPressGoogle GmailYahoo MailEmailPrintPrintFriendlyBookmark/FavoritesShare

ストリートビュー地図(マップコネクト)の外にペグマンの表示位置を切り替えるボタンを設置する

以前の記事「Google Street View(ストリートビュー)のConnecting MapにMarkerを表示させる」で作成したストリートビューのマップコネクトの地図がベースです。

複数の駐車場の入り口を紹介するために、ストリートビューと地図を使ったマップコネクトを使用します。地図の外に複数のボタンを設けて、クリックするとそれぞれの駐車場の入り口を表示させるものです。

続きを読む…

WordPressGoogle GmailYahoo MailEmailPrintPrintFriendlyBookmark/FavoritesShare

地図に天気情報を表示させるお天気と雲のレイヤー/Google Maps API V3

◆Googe Maps API V3の使い方/地図にお天気アイコンと雲レイヤーを表示させる方法

グーグルマップにお天気情報と雲の状況を表示できるようになっています。

日本語版Google Maps JavaScript API V3 デベロッパーのオーバーレイのページには、アナウンスがないのですが、英語版のデベロッパーページには、「ウェザーレイヤー(WeatherLayer)」について記述があります。

ここでは、2012年4月のGoogle Geo Developers Blogで紹介されているサンプルをベースにお勉強。

 

◆The Weather and Cloud Layers (Library)

デベロッパーガイドでは、The Weather and Cloud Layers はLibrary(ライブラリー)と書いてあります。Libraryとは?

ライブラリーの概要については、ここのページに記載があります。

要は、地図APIのいくつかの機能を使いたければ、指定しないと使えないよ・・・とのこと。ここでは、このサンプル地図に天気と雲のレイヤーを追加してみたいと思います。

  続きを読む…

WordPressGoogle GmailYahoo MailEmailPrintPrintFriendlyBookmark/FavoritesShare