スポンサードリンク

Category Archives: PHP+MySQL Google Maps API V3

WordPressの記事内にGoogle MapやストリートビューをGoogle Maps API V3で表示させる方法（php+MySQl+XML）

Posted by 管理人 on 2011年3月14日 4 comments | 9,214 views
◆ Google Maps API v3  / WordPressの記事内にGoogle Mapやストリートビュー（streetview）を表示させる方法。

WordPressの記事内にGoogle Mapやストリートビュー（streetview）を表示させようとしてスムースに行かなかったのでメモ。 記事内にGoogle Mapやストリートビュー（streetview）を表示させるための方法ですが、ポイントは次の通り。様々なやりかたがあると思いますが参考までに。 Read more »

ズームレベルに連動しマーカー収得用の半径距離（km）を自動変更して、地図のアイコン表示範囲内（Viewport）に合わせてみる＋サイドバー

Posted by 管理人 on 2011年1月10日 None comments | 5,787 views

◆ Google Maps API v3 /ズームレベルに連動しマーカー収得用の半径指定（km）を自動変更させる。

以前に、データベースから地図の中心より半径（km）を指定した距離範囲のマーカー（アイコン）を表示するサンプルデモを作成してみた。

これらは、ズームレベルの変更（zoom_changedイベント）があってもデータベースからは、マーカーを読み込ませないものにした、iPhone（アイフォン）やスマートフォン用の地図の場合、何度もMySQLと通信させるのは、スムースでないためだ。

しかしながら、PC用地図の場合、地図に表示されている範囲に合わせて、マーカーを表示させるようにした方が使用感が良いことに気がついた（・・・というかいちいち半径なんか指定するのは面倒）。

それであれば・・・・是非にもチャレンジしたかったのがgoogle先生のViewport Marker Mnagement、これは地図に表示されている範囲のマーカーだけを表示すテクニック、getBoundsで地図境界を取り出してデータベースから境界無いのマーカだけをひっぱってくるのだが、ここで地図レベル広域にしたら全部の数千個のマーカーが表示されてしまうではないか・・・・・・というかブラウザが固まるな。

では、広域になったらマーカーを表示させないか、またはMarkerclustererを使ったクラスタリング処理に切り替えるか・・・・・。

今回は、そこまで試す時間的余裕もないので、それなら、ズームレベルに併せて半径距離を自動で変更させてみることにしてみよう。

Read more »

データベースから地図の中心座標より半径（km）を指定した距離範囲のマーカー（アイコン）を表示するサンプルデモ完成

Posted by 管理人 on 2011年1月10日 1 comments | 9,023 views

データベースから地図の中心より半径（km）を指定した距離範囲のマーカー（アイコン）を表示するphp+MySQL(その4)

◆ Google Maps API v3 /データベースから地図の中心より半径（km）を指定した距離範囲のマーカー（アイコン）を表示する

（1）マーカーを読み出すイベント

無事に地図を動かす度にマーカーを読み出すことに成功しましたが、データベースからマーカーを読み出すのにベストな地図の状態変化イベントは、dragendと決め付けました。

しかしながら、ｄｒａｇendの場合、少し問題があって、地図が最初に表示されたときにマーカーを読み込めません。地図が表示された時にイベントが発生しないことが判ります。地図をドラッグして初めてイベントが発生します（デモ）。

一方、idleイベントは、地図を読み込んだ直後でもイベントが発生しますので、これなら地図表示と同時にマーカーを表示できますが、その後、ズームでもイベントが発生してしまいますので、少しマーカーの読み込むが頻繁すぎる感じがあります。iPhone（アイフォン）用に転用しようと考えていますので、出来るだけデータベースとの通信間隔を少なくしたいものです。 そこで、projection_changed eventsを使います。 Read more »

event Listenerイベントリスナーで地図（マップ）イベントによりデータベースから都度マーカーを読み込むphp+MySQL

Posted by 管理人 on 2010年12月31日 None comments | 4,871 views

データベースから地図の中心より半径（km）を指定した距離範囲のマーカー（アイコン）を表示するphp+MySQL(その3)

◆ Google Maps API v3 / addListener() イベント ハンドラでデータベースから都度マーカーを読み込む。

さて、地図が動いたらというイベントをマーカーの検索functionへ渡してデータベースから読み込むのですが、その前に、データベースから引っ張ってくる変数を追加。アイコンのイメージを追加・・・等。肉付けしていきます。

最後に、地図に何らかの状態変化イベントが発生したら、地図の中心から入力したkmの範囲のマーカー（アイコン）を再表示させることにします。

イベント通知の登録は、addListener() イベント ハンドラを使用して行うと、Google先生のこのページ「Google Maps JavaScript API V3 のイベント」に書いてあります。

Read more »

Google Maps V3サンプル　Store Locator （店舗検索）+ PHP, MySQL を試す。

Posted by 管理人 on 2010年12月30日 3 comments | 10,923 views

データベースから地図の中心より半径（km）を指定した距離範囲のマーカー（アイコン）を表示するphp+MySQL（その1）

◆ Google Maps API v3 / php+MySQL サンプルStore Locatorを試してみる。

php+MySQLでデータベースから表示させるマーカーを選択する方法の一つとしてGoogle 先生のデモをいじって理解を深めたいと思います。

まず、自分のデータベースを使うので、マーカー座標のある日本に初期座標を変更。データベースは、次のように変数が登録されております。

Read more »

PHP+MySQL（XMLファイル生成）+Google Maps API V3／地図表示サンプル

Posted by 管理人 on 2010年10月31日 2 comments | 12,354 views

とりあえずMySQLからデータを引っぱって表示させてみた。 せっかくなので、Ｇｏｏｇｅｌコードを試す。参照ページは「Google マップと PHP/MySQL を使用」。このページ、以前はＶ2だったが、Ｖ3用に変わっていた。下記サンプル地図の表示マーカー数は、172マーカー。ちと重いかな。 iPhone（アイフォン）でサンプル地図をＷｉ-Ｆｉでなく3Ｇ回線で読み込んでみたが、まあ動くでないの。Google Maps API V3のスマートフォン対応恐るべし。次回は、ＭａｒｋｅｒＣｌｕｓｔｅｒｅｒ+PHP+MySQL（XMLファイル生成）+Google Maps API V3を練習する予定。 ◆Script記述 Read more »

スポンサードリンク