我是新来的。我有带有 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呢？