Leaflet：设置初始中心和缩放

Question

我正在使用 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）

Answer 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'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 平移到最低标记坐标：

map.panTo(lowestMarker.getLatLng());