javascript - EPSG4326 瓷砖和 (0, 0) 原点不匹配
问题描述
我目前正在尝试在 Leaflet 中创建一个平铺地图,我希望能够在地图中同步现实生活中的 EPSG4326 坐标,但我无法更改地图的位置。
在这张图片中,你们可以看到 (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);
}```
解决方案
推荐阅读
- jquery - jQuery ajax 间歇性地失败
- python - 用于验证输入的 Python while 循环
- python - 如何禁用 python asyncio fd 存储?(不要对同一个 FD 感到恐慌)
- java - 命令无效调试@stack队列
- python - 使用python检测firebase实时数据库中的变化
- android - 我的可绘制目录中有许多图像文件。不好吗?
- python - 获取numpy数组中项目的索引,其中值在列表中
- php - Laravel - 帖子政策没有重定向回帖子索引
- php - 对表中的多个列使用 LIKE
- python - gaierror:[Errno 11001] getaddrinfo 在 Python 3.8 中失败