javascript - Leaflet JS - 居中和缩放功能组

Question

代码:

var map = L.map('map');
L.tileLayer('//{s}.tile.cloudmade.com/41339be4c5064686b781a5a00678de62/998/256/{z}/{x}/{y}.png',{minZoom:8, maxZoom:15}).addTo(map);

marker1 = L.marker([37.4185539, -122.0829068]).addTo(map);
marker1.bindPopup("Google Campus");
marker2 = L.marker([37.792359, -122.404686]).addTo(map);
marker2.bindPopup("Financial District");
var group = new L.featureGroup([marker1, marker2]);
map.fitBounds(group.getBounds());

以上代码会将 map 居中放置在标记的中心，但不会设置缩放级别以便标记且只有标记可见。

如果我在添加初始图层时省略了 map 对象的“minZoom”属性，则整个地球都是可见的。 我的愿望是让 map 设置缩放和边界，以便标记可见并放大。关于如何完成此操作的任何线索？
我认为 fitBounds 方法会设置缩放级别，但出于某种原因在我的情况下它没有这样做。

Answer 1

您的代码正在将 map 设置为缩放级别，其中两个标记在可能的最高缩放级别都可见。由于两个标记之间的距离和 the way web mapping works ，这最适合使用栅格 map 图 block 。更高的缩放级别将放大到您将无法看到两个标记。