<body>
<div id="map">
<div id="mouse-position"></div>
</div>
<script>
var map=new ol.Map({
target:"map",
layer:[],
view:new ol.View({
center:[0,0],
zoom:2
})
//control:ol.control.defaults().extend([mousePositionControl])
})
var tileLayer=new ol.layer.Tile({
source:new ol.source.OSM()
})
map.addLayer(tileLayer);
var mousePositionControl=new ol.control.MousePosition({
coordinateFormat:ol.coordinate.createStringXY(4),
projection:"EPSG:4326",
className:"custom-mouse-position",
target:document.getElementById("mouse-position"),
undefinedHTML:" "
});
map.addControl(mousePositionControl);
</script>
</body>
openlayer加mousemove显示鼠标坐标工具
最新推荐文章于 2024-07-18 10:02:42 发布