スポンサードリンク

Tag Archives: zoom

地図のズームレベル(zoom level)を取り出す。条件分岐式　if文 if() else if() else()と条件式switch

Posted by 管理人 on 2011年1月22日 None comments | 1,754 views


◆ Google Maps API v3 /地図のズームレベルを変数として使用する。

以前に作成したこのマップ 地図のズームレベルをvar zoom =  map.getZoom();で取り出して、地図のズームレベルによってデータベースからマーカーを読み出す半径の変数としてつかっていた。

今回、条件式if文にかわるswitchなるものを知ったので試してみた。

Read more »

地図の拡大・縮小用のクリックボタン（アイコン）を地図の外に設置＆現在の地図のズームレベルをインフォウィンドウ(infowindow)に表示する。

Posted by 管理人 on 2011年1月16日 1 comments | 5,160 views


◆ Google Maps API v3 /ズームレベルを変更するためのボタンを地図の外部に設置する。

通常、地図のズームレベルは、マウスホイールを回転させれば、それでOKだが、iPhone（アイフォン）等スマートフォンでは、それが出来ない。希望のズームレベルへ変更したいものだ。

それなら、マップの外にズーム用のボタンを設置する案しか無いかな・・・。

ズーム関係で、使う要素は、ズームレベルを指定するための、setZoom()。それと現在のズームレベルを得るための、getZoom()。おまけで、ズームレベルが変更になったことを捕まえるためのマップイベント用ハンドラgoogle.maps.event.addListener(map, ‘zoom_changed’, function()の3つ。

（1）ズームレベルを指定する

ズームレベルを指定するscriptは、次のこれだけ。ズームレベルをしてするのは「setZoom」。それに初期座標からずれないようにpantToを追加したもの。

Read more »

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

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

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

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

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

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

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

Read more »

スポンサードリンク