センターマーカーの表示

KsGMap に関係なく、Google Maps API を用いた地図にそのまま組みこめる Tips です。

マップ中央に＋などの印を常に表示させる Tips です。
Google Maps API では移動を終了した際に、指定した関数を呼び出すことができます。
その関数で、センターマーカーの位置を画面中央にし直すことで、常に画面中央にセンターマーカーを表示することができます。

サンプルはこちら

//センターマーカーの定義
var center_marker_icon = new GIcon();
center_marker_icon.image = "./image/centermarker.png"; //マーカーのファイル名
center_marker_icon.shadow = "./image/centermarker_shadow.png"; //影のファイル名（省略可）
center_marker_icon.iconSize = new GSize( 23 , 23 ); //マーカーのサイズ（幅,高さ）
center_marker_icon.shadowSize = new GSize( 29 , 29 ); //影のサイズ（幅,高さ）（省略可）
center_marker_icon.iconAnchor = new GPoint( 11 , 11 ); //中央の位置（X,Y）

//センターマーカーの表示
var center_marker = new GMarker( map.getCenterLatLng() , center_marker_icon );
map.addOverlay( center_marker );

//移動終了後のイベントを追加

GEvent.addListener( map , "moveend" , function(){

map.removeOverlay( center_marker );
center_marker = new GMarker( map.getCenterLatLng() , center_marker_icon );
map.addOverlay( center_marker );

} );

map は、GMap を定義する var map = new GMap( … の変数名を入れてください。初期値のままの場合は、変更する必要はありません。
ファイル名（./image/centermarker.png等）やマーカーサイズ等は各環境によって異なります。

（この文章の詳細のバージョンは、KsGMapオフィシャルサイトのTips にて掲載しています）