画像(centercross.js)を作って(あにねこさんのを頂きました）、次のコードを挿入する。
<script type="text/javascript" src="centercross.js"></script>
map.addControl(new OpenLayers.Control.LayerSwitcher()); //の次に
map.addControl(new OpenLayers.Control.CenterCross({
crosslength: 32,
bold: 1
})); //を追加する。
function crossOn(){
if (document.map.cross.checked = false) {
map.removeControl(new OpenLayers.Control.CenterCross);
} else {
map.addControl(new OpenLayers.Control.CenterCross({
crosslength: 32,
bold: 1
}));
}
}
<body></body>に次を入れる。
<div style="float:left;margin-left:5px;"><input id="cross" type="checkbox" onclick="crossOn" checked>:中心十字マーク</div>
今のところはうまくいきません。
function のコードがダメのようです。
基本ができていないので、間違いがあったら指摘をお願いできればありがたいです。