[英]Open Layers 3 center the map based on extent on vector layer?
I want to position the center and zoom level of my map depending on the vector layer features (points). 我想根据矢量图层要素(点)定位地图的中心和缩放级别。
I have a geojson file which is populating my map: 我有一个geojson文件正在填充我的地图:
var vectorSource = new ol.source.Vector({
url: 'assets/js/data.geojson',
format: new ol.format.GeoJSON(),
projection: 'ESPG:3857'
});
I now try to get the extent of the vector layer: 我现在尝试获取矢量层的范围:
vectorSource.once('change', function (e) {
if (vectorSource.getState() === 'ready') {
if (vectorLayer.getSource().getFeatures().length > 0) {
map.getView().fit(vectorSource.getExtent(), map.getSize());
}
}
});
How can I get the coordinates of the map based on the layer features and zoom to specific level? 如何获取基于图层要素的地图坐标并将其缩放到特定级别?
map.setCenter("// Center position of lon,lat based on layer features//");
map.setZoom("// Zoom level according to layer features//");
When you use map.getView().fit(...)
you're already centering
and zooming
. 当您使用
map.getView().fit(...)
您已经在centering
和zooming
。 Do you want to know the center and zoom after this? 之后您是否想知道中心并放大?
vectorSource.once('change', function(evt){
if (vectorSource.getState() === 'ready') {
// now the source is fully loaded
if (vectorLayer.getSource().getFeatures().length > 0) {
map.getView().fit(vectorSource.getExtent(), map.getSize());
console.info(map.getView().getCenter());
console.info(map.getView().getZoom());
}
}
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.