我正在尝试动态设置我的地图属性,但它不起作用。
var map = new ol.Map({
target: 'map',
layers: [
new ol.layer.Tile({
source: new ol.source.OSM()
})
],
view: new ol.View({
center: ol.proj.transform([37.41, 8.82], 'EPSG:4326', 'EPSG:3857'),
zoom: 4
})
});
我正在设置这样的最大缩放级别:
map.getView().setProperties({minZoom: 5, maxZoom: 9});
此代码未设置视图。
我正在获取地图视图属性map.getView().getProperties();
,但它只返回:
我是设置范围,缩放,minZoom,maxZoom参数,但不会出现。
(实际上,您无法在创建地图后设置project
,extent
,min
,max zoom
和resolutions
这是一个错误吗?
答案 0 :(得分:1)
我已经从this answer
采取了解决方案您可以通过以下方式在地图中设置新视图来执行您想要的操作:
map.setView(new ol.View({
center: map.getView().getCenter(),
zoom: map.getView().getZoom(),
maxZoom: 9,
minZoom: 5
}));
如果要保留所有视图属性而不是指定特定的属性,可以获取它们并将它们传递给新视图:
var properties = map.getView().getProperties();
properties["minZoom"] = 5;
properties["maxZoom"] = 9;
map.setView(new ol.View(properties));
我更新了您的jsfiddle example
您可以使用setProperties
更改的唯一视图属性是getProperties
列出的属性。您当然可以添加一个新属性,但新属性minZoom
和maxZoom
不会像您期望的那样工作,因为地图仍然可以处理旧属性
答案 1 :(得分:0)
地图的默认投影为EPSG:3857
,因此请将ol.view
中的转换从EPSG:4326
更改为EPSG:3857
。这是一个常见问题,我自己也遇到过这个问题。如果投影不匹配,则没有任何显示/不起作用。
更新了小提琴: