使用Mapbox GL JS显示弹出窗口,其中包含选项卡中排列的信息

时间:2019-01-17 01:06:19

标签: mapbox mapbox-gl mapbox-marker

我正在Mapbox中创建地图,我需要单击地图上的点时,信息会显示在弹出窗口中。到目前为止,我已经可以按照本教程进行操作:

https://www.mapbox.com/help/tutorials/add-points-pt-3/

问题在于每个功能都具有多个字段,例如:名称,传记,作品等。单个选项卡中的所有信息都会受到严重污染,因此我需要分为多个选项卡。我需要弹出窗口为每个字段提供一个标签:

名称|传记|职位

我发现本教程具有我所需要的:

enter image description here

https://docs.mapbox.com/mapbox.js/example/v1.0.0/marker-tooltip-tab-groups/

,但它使用的是“ Mapbox.js”,而不是“ Mapbox JS GL”。而且我无法使其适合在Mapbox JS GL中使用。我仍在Solo Learn应用中学习html,css和javascript。我正在将样式图中的数据加载到mapbox Studio中。是否可以复制上面的教程并使用GL JS mapbox创建带有选项卡的Poupup?欢迎任何帮助!

0 个答案:

没有答案