Невозможно центрировать карту с плитками XYZ

Question

Я нарезал изображение на плитки XYZ с помощью инструмента командной строки gdal2tiles.Карта загружается нормально, и все ожидаемые листы находятся в рабочем состоянии, однако есть две проблемы (вероятно, связанные):

1. Формат {z} / {x} / {y} создает кучузапросов к плиткам, которые не существуют.
2. Я не могу точно отцентрировать карту или ее экстент (чтобы я мог предотвратить панорамирование с карты).

Я пытаюсь сначала использовать fit (), чтобы карта была полностью видна, а затем (при изменении: разрешения) обновлять экстент, чтобы предотвратить панорамирование за края карты (в настоящий момент не работает)

Код содержит около 200 строк, поэтому я оставлю ссылки ниже

Я попытался настроить JSFiddle, но не смог заставить его работать. Кроме того, вы можете посмотреть живую демонстрацию или клонрепо, которое должно работать нормально.

Демонстрация в реальном времени: https://dndiaries.netlify.com/faerun Репо: https://gitlab.com/heartofcode/swamptrek

Нет сообщений об ошибках, но «центр» находится вне центра рендерингакарта

Answer 1

Ваша карта установлена ​​на 100% ширины и высоты окна браузера.Вы называете тайлы, которые не существуют, потому что они пытаются выложить всю карту и собирать удаленные вами тайлы.Попробуйте установить экстент на слое, а не на карте, чтобы не вызывать те, которые находятся за пределами того места, где вы хотите.Вы также не можете центрировать что-то, карту, которая занимает все пространство.Плитки размещаются там, где они должны быть, вы можете отрегулировать высоту и ширину карты по размеру, а затем отцентрировать ее.Или на «изменить: разрешение» изменить размер карты Div, а не экстент, вы также можете обновить уровень масштабирования, чтобы убедиться, что на карте нет пробелов при изменении размеров.Вы также можете отключить (установить на false) взаимодействия и элементы управления, такие как dragPan и zoom, если вы не хотите, чтобы пользователи панорамировали.