javascript - Mapbox GL JS : Layering Roads/Cities over Overlay

Question

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

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,

}
})
});

Answer 1

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

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

请引用API https://www.mapbox.com/mapbox-gl-js/api/#map#addlayer

使用示例

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