件名: 中心十字線の表示
記事No 664
投稿日 : 2014/11/01(Sat) 10:09:15
投稿者 マーシー
参照先 http://park16.wakwak.com/~marsie/nagano.htm
 << 地図の中心に十字線のマークを表示させたり消したりする方法 >>

1) http://nanten.sakura.ne.jp/nyanta/js/centercross.js より centercross.js をダウンロードして、js/ フォルダに入れる。

2) <script type="text/javascript" src="js/centercross.js"></script>
 //を<Head></Head>間の該当箇所に入れる。

3)<div style="float:left;margin-left:5px;"><input id="cross" type="checkbox" >十字線</div>
  //を<form></form>間の該当箇所に入れる。入れる場所で表示位置順番が変わる。
  //"checkbox"のあとに checked を入れるとチェック済み、無ければチェックなし。
  //margin-left:5px は左より5ピクセルの間を置いてで、left と数字を換えると表示位置が変わる

4) //window.onload = function() { と } の間に次のコードを挿入する。

var crs = null;   //変数crsを定義し、何も代入しない。
document.getElementById('cross').onchange = function() { //十字線チェックボックスに変化があった時の関数
if (this.checked) {    //もしこれにチェックがある時は
crs = new OpenLayers.Control.CenterCross({ //変数crsに十字線が入った新しいレイヤーを代入する
crosslength: 32,      //十字線の大きさ
bold: 1          //十字線の太さ
})
map.addControl(crs);    //地図に十字線を描く
} else {          //別の(チェックがない)時には
map.removeControl(crs);   //地図から十字線を消す
crs.destroy();       //変数crsを破棄する
}
}

関連スレッド

返信フォーム
おなまえ
eメール
タイトル
メッセージ
参照先
画像UP
暗証キー (英数字で8文字以内)
投稿キー (右画像の数字を入力) 投稿キー

- WebForum -