Display maki icons on markers according to geojson feature property - mapbox-gl-js

in the past, I created my maps on the Mapbox website and embedded them on my Jekyll blog using an iframe. Now, I developed a jekyll plugin that consumes a geojson file and employs Mapbox GL JS to display maps.
I would like to support Maki icons for indvidual marker using GeoJSON feature properties using the SimpleStyle Spec
How can reproduce the following map with features including marker symbols defined in GeoJSON?
Current Mapbox code for Jekyll Maps: on Github
Related question:
for Mapbox.js (Leaflet): Mapbox - Custom marker icons from GeoJson properties
for Mapbox GL JS: Maki icons not all displaying

Related

Mapbox Outdoors - Background and Labels of Old Style with Mapbox Studio

I've been working with a leaflet map using the mapbox outdoors raster tile server. Mapbox has a handful of ready-made styles, most of which are listed in this answer. The code / url for this is like so:
var mapBoxOutdoorsClassic = L.tileLayer('https://api.tiles.mapbox.com/v4/mapbox.outdoors/{z}/{x}/{y}.png?access_token={accessToken}', {
accessToken: '...',
attribution: '...',
maxZoom: 18,
}).addTo(map1);
I love this style. But my issue is that I'm trying to add an imageoverly. I want the imageoverlay to be above the map terrain graphics, but under the labels. So what I did was go into mapbox studio and create these two styles - basically the outdoors style, with the labels separated out:
Without Labels
Labels Only
Here's a codesandbox comparing the raster and mapbox studio styles
The old style is on the left, the new styles with the separated out layers is on the right. You can play with the layers in the upper right corner.
So separating the layers out has worked well, as you can see in the codesandbox. But the styles from the raster tiles are not really the same as the ones from mapbox studio! I'm guessing the raster tiles are from a few years ago, and the styles have been updated since. But I really like the older style - it has more of a colored pencil feel to it, more of a national parks map style, as opposed to the new style which has more of an OSM or google maps feel. Rather than spend hours in mapbox studio trying to recreate the old style, does anyone know if these styles exist somewhere within mapbox studio? Perhaps a 'mapbox outdoors classic'? I really just want the exact styles are show in the map on the left in my codesandbox, but with the ability to separate the labels layer from the rest.
With Mapbox Studio style components, it's actually pretty quick to recreate older Mapbox styles in the modern Mapbox Studio. In fact, here's a five minute video from Mapbox showing how to recreate the classic Mapbox Outdoors in modern Studio!
How to update a classic style in modern Mapbox Studio

How to get satellite-street map in tileset in Mapbox

I want to use satellite-street map using tileset, but it is not available here. It is visible in style and dataset but not in tileset. I want to use mapID, not styleID.
How to get satellite-street map in tileset in Mapbox. It is available in styles and dataset but not in tileset. Any Help?
The raster tileset with the map ID satellite-streets would've been a composite of the satellite source (mapbox.satellite) and Mapbox Streets source (mapbox.streets). These tilesets were created as raster tiles using Mapbox Studio Classic and are no longer supported. Instead, it's recommended to create your own style with Mapbox Satellite and Streets sources and use the Static Tiles endpoint to generate raster tiles.

Leaflet - How to query rendered features in Vector tiles

I am new to leaflet. currently I am working on leaflet to render vector tiles. my application's requirement is that on click i should get features from map tiles in geojson format.
In Mapbox map.queryRenderedFeatures(e.point). I want to do exact same thing, but in leaflet. Please check here to check how mapbox is fetching features.
Please help.
Current Leaflet implementation does not supports querying rendered features. Hence switching to Mapboxgl

Mapbox Studio - Changing appearance of live map

I've been using MapBox studio for a few weeks now but I'm curious, using the API is it possible to change the look of a map using html UI elements? For example, if I want to have a slider on the page which is displaying my map which adjusts the size of the POI labels, is it possible to do that, or am I beholden to the current saved .mss file for those attributes?
Mapbox Studio is designed for the rendering of raster tiles and not for live-changing styles. Check out Mapbox GL for preview of how live styling will work.

use mapbox on dc.js as choropleth map?

Can we use mapbox embedded iframe map which created before on mapbox with dc.js?