私はここにいる初心者です。openlayers を使用したマップ (OSM) があります。測定ツールを追加してみました。この例を使用していますhttp://openlayers.org/dev/examples/measure.htmlしかし、縮尺線のようにマップ上のボタンを移動する必要があります。
私はこのコードを試しました
document.getElementById("map").innerHTML += '<div id="options" style="position: absolute;z-index: 10000;bottom: 0px;left: 100px;"><input type="radio" name="type" value="none" id="noneToggle" onclick="toggleControl(this);" checked="checked" /><label for="noneToggle"> Nav</label><input type="radio" name="type" value="line" id="lineToggle" onclick="toggleControl(this);" /><label for="lineToggle"> measure </label> <span id="output"></span></div>'
しかし、それはマップをフリーズさせます。地図のあるページは次のようになります
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
...
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<body>
...
<script type="text/javascript" src="/map/lib/OpenLayers.js"></script>
...
</body>
</html>
そのため、#map にボタンを追加することはできません。では、js を介してマップにカスタム div を追加するにはどうすればよいでしょうか?