Leaflet 使用带有mapbox gl传单的多个图层

Leaflet 使用带有mapbox gl传单的多个图层,leaflet,mapbox-gl-js,mapbox-gl-leaflet,Leaflet,Mapbox Gl Js,Mapbox Gl Leaflet,我有一个基于传单的应用程序,最近开始使用mapbox gl传单在传统传单代码中访问mapbox gl基于向量的图层 今天我遇到了一个我无法解决的问题。我有一个底图层和一个可选的覆盖层(徒步路线)。在Mapbox studio中,徒步路线层没有背景-它是完全透明的 我希望能够在底图层的顶部添加徒步旅行路线层,并使两者同时可见。然而,事实并非如此。一次只能看到一个层 以下是我所看到的问题的一个最小示例: 运行map.removeLayer(layers.default)在开发工具的控制台中删除基本层

我有一个基于传单的应用程序,最近开始使用mapbox gl传单在传统传单代码中访问mapbox gl基于向量的图层

今天我遇到了一个我无法解决的问题。我有一个底图层和一个可选的覆盖层(徒步路线)。在Mapbox studio中,徒步路线层没有背景-它是完全透明的

我希望能够在底图层的顶部添加徒步旅行路线层,并使两者同时可见。然而,事实并非如此。一次只能看到一个层

以下是我所看到的问题的一个最小示例:

运行
map.removeLayer(layers.default)在开发工具的控制台中删除基本层,然后您将在下面看到我的徒步路线

我想把蓝色的远足路线覆盖在地图上


有什么想法吗?

我已经为你想好了。传单支持多个“窗格”(层组),您需要的是
tilePane
中的底图和
overlapane
中的徒步路线

当前版本的mapbox gl手册将所有图层放入
tilePane
。以前是这样的,但后来他们改变了

首先,将当前版本的传单-mapbox-gl.js替换为

然后,更新代码以在窗格中传递:

var layers={},
属性='&复制&复制;',
mapboxkey='pk.eyj1ijoic2fty3jhd2zvcmqilchijoi2owewuxz3vhmdaxmtjxa2v1zv5dhnvzyj9.k6t1XvJ0ayzILpxUcb4Khg';
layers.default=L.mapboxGL({
accessToken:mapboxkey,
风格:'mapbox://styles/samcrawford/ckajn11fl21ng1ir187w6f0yi',
归属:归属,
窗格:“tilePane”
});
layers.fkt=L.mapboxGL({
accessToken:mapboxkey,
风格:'mapbox://styles/samcrawford/ckc29yjv64ndy1iocamivme4q',
归属:归属,
窗格:“覆盖层”
});