あにねこさん、おはようございます。
1)
http://nanten.sakura.ne.jp/nyanta/js/centercross.js をダウンロードして、同一フォルダに入れる。
<script type="text/javascript" src="centercross.js"></script>を該当箇所に入れる。
2)<div style="float:left;margin-left:5px;"><input id="ccross" type="checkbox" >中心十字マーク</div> //最所は十字マーク非表示
3) document.getElementById('ccross').onchange = function() {
var obj = new OpenLayers.Control.CenterCross({crosslength: 32, bold: 1});
if (document.getElementById('ccross').checked) {
map.addControl(obj); //十字線を表示
} else {
map.removeControl(obj); //十字線を消去
}
} //とした場合は、
□非表示 → ■表示 → □表示 → ■表示 となります。
var obj = new OpenLayers.Control.CenterCross({crosslength: 32, bold: 1}); //をif文の外に出すと、
□非表示 → ■表示 → □非表示 → ■非表示 となります。
最初から十字線を表示させると、
■表示 → □非表示 → ■非表示 → □非表示 となります。
onchange でも onclick でも同じでした。これで満足すべきでしょうか?
ヤマトタケルさん、おはようございます。
ホームページ時々拝見しています。デザインがきれいですね。
あにねこさんのご指導力をお借りして、何とかやってみます。