その他

概要

デバッグや、ユーザーコントロールの設置方法など。

デバッグ情報

デバッグ情報は次の情報を出力します。コピー&ペースト用の現在地の座標( XMLデータ形式と JavaScriptデータ形式)。尺度のz値。ページロード時から地図が表示されるまでの時間(参考の為)。

デバッグ情報はユーザーに見せるHTMLでは非表示にし、開発用のHTMLでは表示にすることができます。
下記のHTMLを記述して下さい。

<div id="debug" style="display: none;"></div>

設定値の ksgmap_html_debug を、上記の id の debug(任意)にして下さい。
デバッグのオン/オフは設定値 ksgmap_debug_mode を 1でオン、0でオフで指定します。

ユーザーコントロール

マーカーと現在地の表示/非表示の切り替え

マーカーとユーザーが現在地(センターマーカー:マップ中央の+)の表示、非表示を切り替えることができます。
チェックボックスとラジオボタンが利用可能です。スペースの都合上2つ同時に書きますが、片方だけでも動作します。

ラジオボタン:
<form><!-- ← Safari はラジオボタンでformが必要 -->
マーカー:
<input name="userControl_marker" id="userControl-marker-1" type="radio" onclick="KsGMapFunc.userControl.marker.visible( event , this );" checked><label for="userControl-marker-1" >表示</label>
<input name="userControl_marker" id="userControl-marker-2" type="radio" onclick="KsGMapFunc.userControl.marker.hidden( event , this );" ><label for="userControl-marker-2" >非表示</label>

現在地:
<input name="userControl_centerMarker" id="userControl-centerMarker-1" type="radio" onclick="KsGMapFunc.userControl.centerMarker.visible( event , this );" checked><label for="userControl-centerMarker-1">表示</label>
<input name="userControl_centerMarker" id="userControl-centerMarker-2" type="radio" onclick="KsGMapFunc.userControl.centerMarker.hidden( event , this );" ><label for="userControl-centerMarker-2">非表示</label>
</form>
ラジオボタン:
マーカー:
<input id="userControl-centerMarker-checkbox" type="checkbox" onclick="KsGMapFunc.userControl.centerMarker.changeVisibility( event , this );" checked><label for="userControl-centerMmarker-checkbox">マーカー</label>

現在地:
<input id="userControl-marker-checkbox" type="checkbox" onclick="KsGMapFunc.userControl.marker.changeVisibility( event , this );" checked><label for="userControl-marker-checkbox">マーカー</label>

id値 及び name値 は任意です。

マウスホイールスクロールのオン/オフの切り替えVer 1.02~

マウスホイールスクロールのオン/オフを制御することができます。オフの間中はマウスホイールを回すとマップはズームせず、通常のページと同様にページがスクロールします。

ラジオボタン:
<form><!-- ← Safari はラジオボタンでformが必要 -->
マウスホイールスクロール:
<input name="userControl_mouseWheel" id="userControl-mouseWheel-1" type="radio" onclick="KsGMapFunc.userControl.mouseWheel.changeStatus( event , true );" checked><label for="userControl-mouseWheel-1" >オン</label>
<input name="userControl_mouseWheel" id="userControl-mouseWheel-2" type="radio" onclick="KsGMapFunc.userControl.mouseWheel.changeStatus( event , false );" ><label for="userControl-mouseWheel-2">オフ</label>
</form>
チェックボックス:
マウスホイールスクロール:
<input id="userControl-mouseWheel-checkbox" type="checkbox" onclick="KsGMapFunc.userControl.mouseWheel.changeStatus( event , this );" checked><label for="userControl-mouseWheel-checkbox">マウスホイールスクロール</label>

id値 及び name値 は任意です。

マウスホイールの逆転Ver 1.02~

初期値では、マウスホイールを奥に回すと詳細に、手前に回すと広域になりますが、これを逆順にすることができます。

マウスホイールスクロール:
<input id="userControl-mouseWheelChangeDirection-checkbox" type="checkbox" onclick="KsGMapFunc.userControl.mouseWheel.changeDirection( event , this );" ><label for="userControl-mouseWheelChangeDirection-checkbox">逆転</label>

id値 及び name値 は任意です。