首页 > 解决方案 > EPSG4326 瓷砖和 (0, 0) 原点不匹配

问题描述

我目前正在尝试在 Leaflet 中创建一个平铺地图,我希望能够在地图中同步现实生活中的 EPSG4326 坐标,但我无法更改地图的位置。

在这张图片中,你们可以看到 (0,0) 在哪里,而不是在地图中间:

在这张照片中,你们可以看到 (0,0) 在哪里,而不是在地图中间

这是我的代码:

  var mapMaxZoom = 6
  var mapMinZoom = 0

  var mymap = L.map('mapid', {crs: L.CRS.EPSG4326}).setView([0,0], mapMaxZoom);

L.tileLayer('./tiles/{z}/{x}/{y}.png',{
  noWrap: true,
  minZoom: mapMinZoom,
  maxZoom: mapMaxZoom,
  tms: true,
}).addTo(mymap);

L.marker([0,0]).addTo(mymap)
.bindPopup('A popup.')
.openPopup();

console.log("map crs: " + mymap.options.crs.code)

mymap.on('click', onMapClick);

function onMapClick(e) {
    alert("You clicked the map at " + e.latlng);
}```

标签: javascriptleafletcoordinates

解决方案


推荐阅读