如何使用MapBox将PTV开发者矢量地图与卫星图像结合起来？

Question

我想把PTV开发者矢量地图和卫星图像结合起来，创建一个混合视图。我怎样才能做到这一点？这是否可以使用现有的MapBox 示例，还是必须使用不同的客户端？

Answer 1

使用给定的MapBox示例可以做到这一点。诀窍是添加一个额外的层，将卫星瓷砖注入背景的顶部，就在铁路线路下面，如下所示：

[...]

// inject satellite tiles
map.once('style.load', (ev) => {
      map.addSource('satellite-tiles', {
"type": "raster",
"tiles": [
  https://api.myptv.com/rastermaps/v1/satellite-tiles/{z}/{x}/{y}
],
"tileSize": 256,
"minzoom": 0,
"maxzoom": 20
});

map.addLayer({
"id": "satellite-tiles",
"type": "raster",
"source": "satellite-tiles"
}, 'BKG_RailwayLinear');
});

[...]

一定要插入上面的片段，就在映射初始化的下面。您可以在这里找到一个完整的示例：http://jsfiddle.net/oliverheilig/9vzeutkj/。

Answer 2

现在有一个预定义的混合风格可用：

https://vectormaps-resources.myptv.com/styles/latest/hybrid.json

这样会容易得多。您可以在教程中获得更多的信息。