传单在线重复地图

时间:2019-01-18 21:18:21

标签: javascript leaflet

我已经使用传单创建了一个交互式地图,并且在本地主机上使用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())
  ));

0 个答案:

没有答案