缩放以适应Mapbox或Leaflet中的所有标记
如何设置视图在Mapbox或Leaflet中查看地图上的所有标记? 像谷歌地图API bounds
?
例如:
var latlngbounds = new google.maps.LatLngBounds(); for (var i = 0; i < latlng.length; i++) { latlngbounds.extend(latlng[i]); } map.fitBounds(latlngbounds);
var group = new L.featureGroup([marker1, marker2, marker3]); map.fitBounds(group.getBounds());
在这里看到更多的信息。
“答复”对我来说不起作用。 所以这就是我最终做的事情:
////var group = new L.featureGroup(markerArray);//getting 'getBounds() not a function error. ////map.fitBounds(group.getBounds()); var bounds = L.latLngBounds(markerArray); map.fitBounds(bounds);//works!
单张也有LatLngBounds,甚至有一个扩展function,就像谷歌地图。
http://leafletjs.com/reference.html#latlngbounds
所以你可以简单地使用:
var latlngbounds = new L.latLngBounds();
其余的完全一样。
var markerArray = []; markerArray.push(L.marker([51.505, -0.09])); ... var group = L.featureGroup(markerArray).addTo(map); map.fitBounds(group.getBounds());
对于传单,我正在使用
map.setView(markersLayer.getBounds().getCenter());