javascript - 概览图始终显示整个 map

标签 javascript openlayers openlayers-3

我使用开放层 4,我希望总览图始终在中央位置显示整个 map ,只有红色框应该在总览图周围移动。

最佳答案

只要主 map 没有被平移到超过概览的中心约束,指定具有单一分辨率和范围(即中心约束)的概览 map View 将起作用。例如这将给出一个几乎全局的概览

        new ol.control.OverviewMap({ 
            view: new ol.View({
                resolutions: [ol.tilegrid.createXYZ().getResolution(0)],
                extent: [0, 0, 0, 0]
            })
        })

如果您使用 2180 试图显示世界概览将导致重投影错误!概览还需要采用 EPSG:2180 格式,并具有适合的分辨率和中心约束

        new ol.control.OverviewMap({ 
            view: new ol.View({
                projection: 'EPSG:2180'
                resolutions: [ ?? ],
                extent: [x, y, x, y]
            })
        })

在哪里??需要足够大才能在概览中显示整个波兰(以及更多),并且 x、y 位于 EPSG:2180 坐标中波兰中心的某处。

关于javascript - 概览图始终显示整个 map ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53499833/

相关文章:

typescript - OpenLayers 和 typescript ?

openlayers-3 - 以 XYZ 格式提供 GeoServer Tiles

javascript - 在 native javascript中动态插入框架集内的框架作为第一框架?

javascript - 访问已删除然后重新创建的帐户的个人资料照片时,Firebase 返回 "no-referrer-when-downgrade"

javascript - OpenLayers 6 + Angular 8 : LineString(s) not showing up on Vector Layer (With no errors from JS)

openlayers - 更改 openlayers 中 feature.vector 的外观

ionic-framework - Ionic 2 Beta 和 Open Layers 3 未加载 map

javascript - 向从 api 响应获得的字符串添加其他字符

javascript - $ ('' ).switchClass 如果切换类包含颜色属性,则在 IE8 中抛出错误

javascript - 使用 innerHTML 的 OpenLayers 打印