传单：设置初始中心和缩放

【问题标题】：Leaflet: set initial center and zoom传单：设置初始中心和缩放
【发布时间】：2020-06-19 12:57:22
【问题描述】：

我正在使用 Leaflet 并试图弄清楚如何设置初始图像中心和缩放，但似乎无法让它发挥作用。我在文档中找到了这些注释：https://docs.eegeo.com/eegeo.js/v0.1.728/docs/leaflet/L.Map/

map = L.map('map', {
  center: [-203.8, 123.2],
  zoom: 10,
  crs: L.CRS.Simple
});

我希望初始缩放和中心是此图像上标记的最低点：https://jsfiddle.net/brutaldigital/yx3ofrL4/2/

提前感谢您的任何建议，并对基本问题表示歉意 (#newbie)

【问题讨论】：

标签： javascript leaflet

【解决方案1】：

将标记存储在数组中：

var markers = [];

markers.push(
  L.marker([-164, 121])
    .bindLabel('Monro's studio, 1 Henrietta Street, Covent Garden', { noHide: true })
    .addTo(map)
);

markers.push(
  L.marker([-160, 178])
    .bindLabel('The Royal Academy', { noHide: true })
    .addTo(map)
);

markers.push(
  L.marker([-200, 66])
    .bindLabel('St Martin&#39;s Workhouse', { noHide: true })
    .addTo(map)
);

找到最低的标记：

var lowestMarker = null;

markers.forEach(function(marker) {
  if (!lowestMarker) {
    lowestMarker = marker;
  } else if (marker.getLatLng().lat < lowestMarker.getLatLng().lat) {
    lowestMarker = marker;
  }
});

将地图平移到最低标记坐标：

map.panTo(lowestMarker.getLatLng());

【讨论】：