我想合并PTV开发矢量Map与卫星图像创建一个混合视图。我如何才能做到这一点？使用现有的MapBox sample是否可以实现这一点，或者我必须使用不同的客户端？
4ngedf3f1#
使用给定的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'); }); [...]
确保将上述代码段插入到Map初始化的正下方。您可以在这里找到完整的示例：http://jsfiddle.net/oliverheilig/9vzeutkj/。
6rqinv9w2#
现在有一个预定义的混合样式可用：https://vectormaps-resources.myptv.com/styles/latest/hybrid.json这应该会让事情简单很多。您可以在tutorial中获得更多信息。
2条答案
按热度按时间4ngedf3f1#
使用给定的MapBox示例可以实现这一点。诀窍是添加一个额外的层，在铁路线下方的背景上注入卫星图块，如下所示：
确保将上述代码段插入到Map初始化的正下方。您可以在这里找到完整的示例：http://jsfiddle.net/oliverheilig/9vzeutkj/。
6rqinv9w2#
现在有一个预定义的混合样式可用：
https://vectormaps-resources.myptv.com/styles/latest/hybrid.json
这应该会让事情简单很多。您可以在tutorial中获得更多信息。