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

Question

我想将 PTV Developer 矢量地图与卫星图像结合起来创建混合视图。我怎样才能做到这一点？这可以使用现有的 MapBox sample 还是我必须使用不同的客户端？

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/.