Documentation

Mapbox Integration

Here is a quick code sample that demonstrates how to use our map markers with Mapbox.

var markerElement = document.createElement('div');
markerElement.style.backgroundImage = "url('https://mapmarker.io/api/v3/font-awesome/v6/pin?icon=fa-solid+fa-star&size=50&hoffset=0&voffset=-1')";
markerElement.style.width = '50px';
markerElement.style.height = '50px';

var marker = new mapboxgl.Marker(
        markerElement,

        // define an anchor point at the bottom middle of pin markers to avoid visual shift during zooms
        // for non-pin style markers, you probably won't need this
        {offset: [-25, 50]}
    )
    .setLngLat([-65.017, -16.457])
    .addTo(map);