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