Leaflet JS - 中心和放大功能组

时间:2013-12-11 18:37:45

标签: javascript leaflet

代码:

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());

上面的代码会将地图置于标记中心的中心,但不会设置缩放级别,以便标记和仅标记可见。

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

1 个答案:

答案 0 :(得分:0)

您的代码正在将地图设置为缩放级别,其中两个标记都以最高缩放级别可见。由于两个标记之间的距离和the way web mapping works,因此最适合使用栅格地图图块。较高的缩放级别将被放大,以至于您将无法看到两个标记。