我是新来的。我有带有 openlayers 的 map (OSM)。我尝试添加测量工具。我正在使用这个例子http://openlayers.org/dev/examples/measure.html但我需要移动 map 上的按钮,例如比例线。
我已经尝试过这段代码
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>'
但这会使 map 卡住。 带有 map 的页面看起来像
<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在 map 上添加自定义div呢?
最佳答案
哦,我应该使用 document.createElement("div")
而不是 innerHTML
关于javascript - Openlayers 在 map 上方添加自定义 div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17726350/