＜＜ 地図の中心に十字線のマークを表示させたり消したりする方法 ＞＞
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を破棄する
}
}
No.663