Javascript 如何在openlayers上显示缩放级别(仅限js/html文件)?
在这方面寻求帮助。我知道这是类似于Javascript 如何在openlayers上显示缩放级别(仅限js/html文件)?,javascript,gis,openlayers,Javascript,Gis,Openlayers,在这方面寻求帮助。我知道这是类似于 new OpenLayers.Control.ZoomStatus({ autoActivate: true }) 还想为缩放状态添加一个div:或者最好的方法是什么 如果有人能提供一些见解,我们将不胜感激。在文档中找不到答案 我不相信当前版本的openlayers已经实现了此控件 最好的方法可能是在地图上添加您自己的元素,以显示缩放级别并使用 map.getZoom() 要计算出缩放级别,请显示它。有两种方法可以解决这个问题。一个ios扩展OpenL
new OpenLayers.Control.ZoomStatus({
autoActivate: true
})
还想为缩放状态添加一个div:或者最好的方法是什么
如果有人能提供一些见解,我们将不胜感激。在文档中找不到答案 我不相信当前版本的openlayers已经实现了此控件 最好的方法可能是在地图上添加您自己的元素,以显示缩放级别并使用
map.getZoom()
要计算出缩放级别,请显示它。有两种方法可以解决这个问题。一个ios扩展OpenLayers.Control.Zoom类,并将您自己的函数添加到draw-onZoomClick功能。然后将控件添加到地图中,以代替普通的OpenLayers.control.zoom
第二种方法是向地图添加事件以捕获缩放事件,并更新元素以显示缩放级别。要做到这一点,您需要在地图上使用map.events.register()调用
执行更新的代码应该如下所示
var zoomLevel = map.getZoom();
document.getElementById('ZoomElement').innerHTML = 'Current Zoom: ' + zoomlevel + 'of ' + (map.numZoomLevels + 1);
我不相信当前版本的openlayers已经实现了这个控件 最好的方法可能是在地图上添加您自己的元素,以显示缩放级别并使用
map.getZoom()
要计算出缩放级别,请显示它。有两种方法可以解决这个问题。一个ios扩展OpenLayers.Control.Zoom类,并将您自己的函数添加到draw-onZoomClick功能。然后将控件添加到地图中,以代替普通的OpenLayers.control.zoom
第二种方法是向地图添加事件以捕获缩放事件,并更新元素以显示缩放级别。要做到这一点,您需要在地图上使用map.events.register()调用
执行更新的代码应该如下所示
var zoomLevel = map.getZoom();
document.getElementById('ZoomElement').innerHTML = 'Current Zoom: ' + zoomlevel + 'of ' + (map.numZoomLevels + 1);
正在更新OL6的@Darkcylde
getZoom
立即对视图进行操作
我还加了十分之一的放大。我只显示了号码,但这只是个小变化
map.on('rendercomplete',function(e) {
var zoomLevel = map.getView().getZoom();
var zoomRounded = Math.round(zoomLevel*10)/10;
document.getElementById('ZoomElement').innerHTML = zoomRounded;
})
正在更新OL6的@Darkcylde
getZoom
立即对视图进行操作
我还加了十分之一的放大。我只显示了号码,但这只是个小变化
map.on('rendercomplete',function(e) {
var zoomLevel = map.getView().getZoom();
var zoomRounded = Math.round(zoomLevel*10)/10;
document.getElementById('ZoomElement').innerHTML = zoomRounded;
})