Question

我正在尝试使用传单和Tileserver G1制作离线地图

我试图在我的应用程序中加载Tileserver Gl tile [托管在斯里兰卡特定区域的本地系统中]，其中使用了Leaflet绘制地图。但瓷砖没有加载，我无法弄明白。将添加用于绘制我的地图的代码

使用以下代码

在我的磁贴上进行本地托管

npm install -g tileserver-gl-light
tileserver-gl-light sri_lanka.mbtiles

在线工作地图 -

L.tileLayer('http://{s}.tile.osm.org/{z}/{x}/{y}.png', {
  attribution: '&copy; <a href="http://osm.org/copyright">OpenStreetMap</a> contributors'
}).addTo(map);

离线地图

哪个没有加载瓷砖

L.tileLayer('http://localhost:8080/data/v3/{z}/{x}/{y}.png', {
  attribution: '&copy; <a href="http://osm.org/copyright">OpenStreetMap</a> contributors'
}).addTo(map);

信息：我对传单和编程有点新鲜，我在过去的2天内遇到了这个问题 Thanx提前！

Answer 1

TileServer GL Light的Seq端点不提供PNG图像切片，而是提供Protobuf（pbf）格式的矢量切片。

对于Leaflet，您必须使用插件，其中一些列在Leaflet Documentation中。可以在此GIS Stackexchange问题上找到更多建议和示例代码：How to load a vector tile layer in a Leaflet map?。

只有“非光”TileServer GL才有“渲染图块”。如果您使用它，则可以使用以下URL之一（提供标准样式）访问切片：

/data/v3

在启动TileServer GL之后，您还可以在http://localhost:8080/上找到这些内容。

如何在L.tileLayer的传单映射中使用localhost TileServer GL？

1 个答案: