Need help with mapbox and wordpress

I created a map in the Mapbox Studio website. I tried to use it on my website but it is not showing up proplerly, I guess it just needs proper structure and css. I would also like to add some features that looks like are not available without coding skills.

Basically, I have 9 layers and I need somebody who can make a button or selector button that will allow users to switch between the layers using this button right on the map.

So, I'm looking for a Mapbox expert who can help me, but you also should know JavaScript and a bit of Wordpress.

More Details with links:

I made some maps and posted them in my blog as an iframe - [login to view URL]

they work fine, but there is no legend, there is no title on the map, and I also would like instead of several separate maps, have one map, and just buttons on the map where I can switch between layers. There is no functionality like this in mapbox studio, you can do this only with mapbox GL JS, so iframe is not gonna work.

I tried to do this via mapbox GL JS, using some examples in the internet and got this - [login to view URL] as you can see, there is a title and legend, but it is all screwed up. I tried to play with wordpress css for a bit with no success.

I also, don't know how to add buttons to switch layers. website is a wordpress blog (sparkling theme)

- this is where i got the code for the "new" post with mapbox GL JS code - [login to view URL]

So, problem #1) Looks like wordpress theme structure, css needs to be adjusted to work with the map, 2) Need to add functionality to add buttons to the map to show other layers.

'

You need to show me how to do this, cause I will be reusing this code every month for new maps.

JavaScript WordPress CSS Cartography & Maps

Project ID: #36041370

About the project