gpt4 book ai didi

maps - 以倒序排列的行映射

转载 作者:行者123 更新时间:2023-12-05 01:08:42 24 4
gpt4 key购买 nike

我从 OpenStreetMap 下载了一些图块(仅用于测试目的)。
然后我使用梦幻般的 Leaflet javascript 框架来查看交互式 map ,但是当我打开浏览器时,我看到水平 (Y) 平铺图像以倒序排列。
这里有什么问题??我做错了什么??

这是我的代码(很简单):

<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<link rel="stylesheet" href="css/core.css" />
<link rel="stylesheet" href="css/leaflet.css" />
<script src="js/leaflet.js"></script>
</head>
<body>
<div id="map"></div>

<script>
var map = L.map('map').setView([-23.13, -82.38], 14);
L.tileLayer('tiles/{z}/{x}/{y}.png', {
minZoom: 12,
maxZoom: 16,
attribution: 'SampleMap',
tms: true
}).addTo(map);
</script>
</body>
</html>

结果图像是这样的(注意行是倒置的)。预期结果是第 1,2,3 行,显示为 3,2,1:

Tiles showed with leaflet

任何帮助表示赞赏。

最佳答案

当我使用 http://tile.osm.org/{z}/{x}/{y}.png 时问题仍然存在,所以我以正确的方式存储瓷砖。
我只有退出tms: true才能解决问题行,我阅读了很多使用它来处理离线 map 的教程。
期待这对其他人有所帮助。

关于maps - 以倒序排列的行映射,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16781613/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com