OpenStreetMap定位后缩放问题：如何设置合适的初始缩放级别

看起来你的地图功能已经跑通了，就是定位后的缩放太近，想显示更大的区域对吧？这个问题其实是Leaflet的locate方法默认行为导致的，咱们改几个参数就能解决。

问题根源 #

你当前的代码里用了：

map.locate({setView: true, maxZoom: 16});

这里的maxZoom:16是告诉Leaflet，定位成功后尽可能缩放到16级（你设置的地图最大缩放级别），所以才会出现地图直接拉到最大缩放的情况。

解决方案（两种可选） #

方案1：固定定位后的缩放级别

如果你希望不管定位精度如何，都固定显示一个较低的缩放级别（比如城市范围的12级），可以这么改：

1. 先修改map.locate的配置，关闭自动设置视图：

map.locate({setView: false}); // 不让Leaflet自动调整视图和缩放

2. 然后在onLocationFound函数里，手动设置地图视图和你想要的缩放级别：

function onLocationFound(e) {
  var radius = e.accuracy / 2;
  lat = e.latlng.lat;
  lng = e.latlng.lng;
  L.marker(e.latlng).addTo(map).bindPopup("Tutaj jesteś!!!");
  
  // 新增这行：设置定位后的视图和缩放级别，12可按需调整
  map.setView(e.latlng, 12);
  
  // L.circle(e.latlng, radius).addTo(map); 
}

这里的12是示例，你可以根据需求调整：数值越小，显示的区域越大（比如10级显示整个城市，13级显示城市的某个区）。

方案2：限制最大缩放级别（让Leaflet根据精度自动调整）

如果你想保留Leaflet根据定位精度自动调整缩放的功能，但不想缩得太近，可以把maxZoom改成更低的数值，比如13：

map.locate({setView: true, maxZoom: 13});

这样Leaflet会根据你的定位精度（比如GPS信号好的话精度高，会缩到接近13级；信号差精度低的话会显示更大的区域），但绝不会超过13级，完美避免直接跳到最大缩放的问题。

小提示 #

Leaflet的缩放级别范围一般是1（全球）到18（街道级），你可以多试几个数值，找到最适合你需求的显示范围~

内容的提问来源于stack exchange，提问作者trifelak