Mapbox GL JS：在叠加层上分层道路/城市答案

【问题标题】：Mapbox GL JS: Layering Roads/Cities over OverlayMapbox GL JS：在叠加层上分层道路/城市
【发布时间】：2018-06-26 10:21:23
【问题描述】：

如何在不使用帐户中的地图编辑器的情况下将道路和标签放置在图像叠加层之上？我正在使用非自定义地图，只需要图像上的标签（下面的示例）。我的源代码和覆盖的示例代码是：

topleftmapbox.on('load', function() {
topleftmapbox.addSource("source_KEWX_REFLECTIVITY_SWEEP0_13", {
"type": "image",
"url": "images/KEWX_Z_SWEEP0_13.gif",
"coordinates": [

[-98.3868664444, 30.062422],
[-97.6698002222,30.062422],
[-97.6698002222, 29.3453557778],
[-98.3868664444, 29.3453557778]
]
})


topleftmapbox.addLayer({
"id": "overlay_KEWX_REFLECTIVITY_SWEEP0_13",
"source": "source_KEWX_REFLECTIVITY_SWEEP0_13",
"type": "raster",
"layout": {"visibility": "none"},
"paint": {
"raster-opacity": 0.99,

}
})
});

【问题讨论】：

标签： javascript mapbox geospatial mapbox-gl-js

【解决方案1】：

addlayer有一个可选参数，命名为before，描述为：

要在之前插入新图层的现有图层的 ID。如果省略此参数，则图层将附加到图层数组的末尾。

请参考APIhttps://www.mapbox.com/mapbox-gl-js/api/#map#addlayer

示例用法

https://www.mapbox.com/mapbox-gl-js/example/geojson-layer-in-stack/

【讨论】：