Листовка: установите начальный центр и масштаб

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/

Заранее благодарим за любые предложения и приносим извинения за основной c вопрос (# newb ie)

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.panTo(lowestMarker.getLatLng());