TransWikia.com

Mapbox - referencing a layer added in Studio in GL JS

Geographic Information Systems Asked by Melissa on December 8, 2020

I know this is a pretty basic question, but I’m fairly new with JavaScript and Mapbox. I have a map that I created in Mapbox Studio. Now I’m using GL JS to create an interactive map for my website. I want to be able to toggle layers, so I’m using this tutorial: https://docs.mapbox.com/mapbox-gl-js/example/toggle-layers/

My issue is that in the example, they first add layers to a blank map. I have the layers already on my map from adding to my style in Studio. So, I can take out the map.addSource and map.addLayers parts of the code because I don’t need to add layers. But then when creating the toggle button, it doesn’t point to the layers from my Studio style. What do I need to add to reference the two layers already in my style?

One Answer

This appears to be working based on the codepen you posted, as AndrewHarvey noted.

Basically you just need to look in your style to find the layerID. In your case the two layers are 'units' and 'percchange'. In the Mapbox example you posted they are 'museums' and 'contours'. The layers, regardless if they are added through GL JS or studio, can be referenced using these IDs.

Hope that helps your understanding!

Answered by Jspa on December 8, 2020

Add your own answers!

Ask a Question

Get help from others!

© 2024 TransWikia.com. All rights reserved. Sites we Love: PCI Database, UKBizDB, Menu Kuliner, Sharing RPP