iPhone（スマートフォン用端末）のGoogle Map アプリのような現在地アイコンがいいな~なんて探していたら有りました。
plebeosaur.us “Here We Are Again”
青いドットのアイコンで周囲にレーダーのように青いリングが広がっていくアニメーション付きです。
スポンサードリンク
Tag Archives: Google Mapサンプル
ストリートビュー地図（マップコネクト）の外にペグマンの表示位置を切り替えるボタンを設置する
Posted by 管理人 on 2012年5月2日
None comments | 1,512 views
以前の記事「Google Street View（ストリートビュー）のConnecting MapにMarkerを表示させる」で作成したストリートビューのマップコネクトの地図がベースです。
複数の駐車場の入り口を紹介するために、ストリートビューと地図を使ったマップコネクトを使用します。地図の外に複数のボタンを設けて、クリックするとそれぞれの駐車場の入り口を表示させるものです。
インフォウィンドウ（吹き出し）の外部サイトへのリンクURLの記述／iPhoneサイトをjQTouchで作成する。
Posted by 管理人 on 2011年2月8日
None comments | 1,799 views
◆ Google Maps API v3 /外部サイトへのリンクURLの記述／jQTouch iPhone用
jQtouchをつかったGoogle Mapの地図を作成後、PCで動作をチェックしても問題なかったのだが、iPhone（アイフォン）の実機でインフォウィンドウ（吹き出し）部の外部サイトへのURLをクリックしても新しい画面が開かないことに気がついた。何故？
このサイトを読みますと、「jQTouchを使ったサイト内のaタグのhrefはすべてjQTouchのサイト内での動作になります。」とあります。
対策として、別ウィンドウで開くとよいとありましたので、target=”_self” をtarget=”_blank”に試してみましたが開かず・・・・・。
jQTouch iPhone用Google Maps API V3 地図 でのjQuery click event （クリックイベント）
Posted by 管理人 on 2011年1月22日
None comments | 1,725 views
◆ Google Maps API v3 /jQTouchを使ったGoogle Mapでのclickイベントについて jQtouchをつかったGoogle MapのiPhone（アイフォン）用サイトで、google.maps.event.addListener(map, ‘click’, function()のクリックイベントが機能しないことに気がついた。ほんと知らないことばかり、でどうすればいい。
google.maps.event.addListener(map, 'click', function() //◆地図をクリックした時
{
center = map.getCenter();
searchLocationsNear(center);
});
あれ?なんで？ そおなんです。通常のサイトで動くscriptが、jQTouchだと動かなくなることが・・・・・ よくよくGoogleのフォーラムをみていたら、jQTouchの場合、jQueryのクリックコマンドがあるとのこと。 Read more »
マップオブジェクトの状態変化イベント及びマウスイベントを試す。デモのサンプル地図／Map Events Demo
Posted by 管理人 on 2011年1月10日
None comments | 3,266 views
データベースから地図の中心より半径（km）を指定した距離範囲のマーカー（アイコン）を表示するphp+MySQL(その2)
- （その1）php+MySQL サンプルStore Locatorを試してみる。
- （その2）マップオブジェクトの状態変化イベント及びマウスイベントを試す。デモのサンプル地図／Map Events Demo
- （その3）addListener() イベント ハンドラで地図（マップ）イベントによりデータベースから都度マーカーを読み込むphp+MySQL
- （その4）データベースから地図の中心より半径（km）を指定した距離範囲のマーカー（アイコン）を表示するサンプルデモ完成
◆ Google Maps API v3 / マップオブジェクトの状態変化イベント及びマウスイベントを試す。デモのサンプル地図
マーカーが多く増えてきたので、Ｇｏｏｇｌｅ先生のViewport Marker Management（地図に表示されている範囲のマーカーだけを表示させる）なるものに挑戦しようと他webで紹介されていたAjax案を試していて気がついた。地図が広域になれば、マーカーが増えすぎて、クラスタリング処理でもしないと重くなるのね・・・・・はぁっ当然ですな。
MarkerClusererと組み合わせることを考えたが、このクラスタリング方法も広域にすると個々のアイコンが見えなくなってしまう。
希望のサイト製作には不向きだなと考えていたら、地図の中心から半径(km)の距離範囲のマーカーをデータベースから取り出すSQLがありました。
これを使っていきます。
マップイベント projection_changedとは？ tilesloadedとbounds_changedとcenter_changedのイベント発生の違いとは？
Posted by 管理人 on 2011年1月10日
None comments | 3,841 views
Google Maps V3サンプル Store Locator （店舗検索）+ PHP, MySQL を試す。
Posted by 管理人 on 2010年12月30日
3 comments | 10,923 views
データベースから地図の中心より半径（km）を指定した距離範囲のマーカー（アイコン）を表示するphp+MySQL（その1）
- （その1）php+MySQL サンプルStore Locatorを試してみる。
- （その2）マップオブジェクトの状態変化イベント及びマウスイベントを試す。デモのサンプル地図／Map Events Demo
- （その3）addListener() イベント ハンドラで地図（マップ）イベントによりデータベースから都度マーカーを読み込むphp+MySQL
- （その4）データベースから地図の中心より半径（km）を指定した距離範囲のマーカー（アイコン）を表示するサンプルデモ完成
◆ Google Maps API v3 / php+MySQL サンプルStore Locatorを試してみる。
php+MySQLでデータベースから表示させるマーカーを選択する方法の一つとしてGoogle 先生のデモをいじって理解を深めたいと思います。
まず、自分のデータベースを使うので、マーカー座標のある日本に初期座標を変更。データベースは、次のように変数が登録されております。
スポンサードリンク
