我已经使用传单创建了一个交互式地图,并且在本地主机上使用xampp可以正常工作。今天,我注册了一个域,并将所有内容上传到网站空间,然后突然,地图开始在x轴上重复,其大小在“真实”地图开始之前在左侧重复了一半。 为了进行测试,我将地图图像更改为一个空网格。
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())
));