読者です 読者をやめる 読者になる 読者になる

TRANS

神戸のNPOやソーシャルビジネスの創業・起業のお手伝い

KsGMapのaddControlを切り替える。

ksgmap google maps api

いろいろと試してみて分かったこと。


KsGMapはデフォルトの状態では、左側上部に移動したり、ズームするコントロール。右上部に衛星やらを切り替えるやつが入っている。この位置を変えたい、もしくはハイブリッドだけ消したいとか、そういうのをやってみたかった。で、やってみた。


まず、JavaScriptファイルを開いて、大体42行目あたりの「var ksgmap_control_zoom = 1;」っていうやつ。これを1やら2やら3に変えると、ズームするコントロールが変わったりする。その数字の意味するところは、468行目あたりに「ksgmap_control_zoom」という記述。ここに各数字のものが定義されている。さらに言っておくと、自分の好みを作りたければ、4とでも書いて追加しておけば作動するみたい。


また、衛星やハイブリッドの切り替えは、472行目あたりの「ksgmap_control_type」。これには、1やら2などはデフォルトはないが、「ksgmap_control_zoom」のような記述に直してあげれば、きっちりと動作する。これは、大体43行目あたりの「var ksgmap_control_type」に対応。


ちなみに、僕は「ksgmap_control_zoom」はデフォルトのままの運用で、「ksgmap_control_zoom」のみ変更。こんな感じ。

if( ksgmap_control_type == 2){ KsGMapMap.gmap.addControl( new GMapTypeControl(), 
new GControlPosition(G_ANCHOR_BOTTOM_RIGHT, new GSize(170,30))); }	

ってな感じで。マップタイプのコントロールを入れて、場所をデフォルトの位置から右下に移動させ、その上で左に170pxずらし、上に30px持っていく。


あと、1つ。マップタイプの変更は、大体463行目の「KsGMapMap.gmap」に

KsGMapMap.gmap = new GMap2( document.getElementById( ksgmap_html_googleMap ),
{mapTypes:[G_NORMAL_MAP, G_SATELLITE_MAP]});

こういうふうに。これで、ハイブリッドのマップは消えて、地図と衛星のみになる。ちなみに、MapTypesの最初側に来ているマップタイプがデフォルトで出てくる仕様になっているみたい。