Я создал интерактивную карту с помощью листовки, и она отлично работает с помощью xampp на моем локальном хосте. Сегодня я зарегистрировал домен и загрузил все в веб-пространство, и внезапно карта начинает повторяться по оси абсцисс на половину ее размера с левой стороны, прежде чем начинается «реальная» карта.
В целях тестирования я изменил свое изображение карты на пустую сетку.
https://imgur.com/a/K2JNhQl "Загруженный контент (60 столбцов)"
https://imgur.com/a/6uybzEv «Локальный контент с использованием xampp (40 столбцов)»
Размер изображения 4096x4096 и загружается следующим образом:
var mapSW = [0, 4096],
mapNE = [4096, 0];
var map = L.map('map').setView([0,0],1);
L.tileLayer('maps/emptyGrid/{z}/{x}/{y}.png', {
minZoom: 1,
maxZoom: 4,
continousWorld: false,
noWrap:true,
crs: L.CRS.Simple,
}).addTo(map)
map.setMaxBounds(new L.LatLngBounds(
map.unproject(mapSW, map.getMaxZoom()),
map.unproject(mapNE, map.getMaxZoom())
));