Mapbox 将水轮廓添加到“我的”;“轻”;地图盒地图

Mapbox 将水轮廓添加到“我的”;“轻”;地图盒地图,mapbox,Mapbox,我看到一些地图样式使用了一个叫做“水轮廓”的图层。你可以在这张图片中看到这个图层,它是水旁边的蓝色轮廓。 我正在使用mapbox中的light-v9样式,我想知道如何将该图层“导入”到我的地图上,以便我也可以绘制水线轮廓 以下是我设置地图的方式: var map = new mapboxgl.Map({ container: this.mapContainer, style: 'mapbox://styles/mapbox/light-v9', interactive:

我看到一些地图样式使用了一个叫做“水轮廓”的图层。你可以在这张图片中看到这个图层,它是水旁边的蓝色轮廓。

我正在使用mapbox中的light-v9样式,我想知道如何将该图层“导入”到我的地图上,以便我也可以绘制水线轮廓

以下是我设置地图的方式:

var map = new mapboxgl.Map({
    container: this.mapContainer,
    style: 'mapbox://styles/mapbox/light-v9',
    interactive: true,
    maxZoom: 16,
});
我就是这样做的,做了一些风格上的改变:

map.on('load', function () {
    map.setPaintProperty('background','background-color', 'rgb(246, 246, 246)')
    map.setPaintProperty('parks','fill-color', 'rgb(217, 232, 222)')
    map.setPaintProperty('water','fill-color', 'rgb(224, 230, 230)')
    ...
})

看起来该层来自矢量图块。如果要从该源创建新的线图层,则需要查询地图源中的水层,然后使用它创建线图层。例如:

map.addLayer({
    'id': 'water-line-layer',
    'source': 'composite',
    'source-layer': 'water',
    'type': 'line',
    'minzoom': 15,
    'paint': {
        'line-color': '#000000',
        'line-width': 10
    }
}