gistutorials-14.7.html

<script>
    // mapbox token
    mapboxgl.accessToken = '<token>';

    // parse passed multipolygon geojson string
    var multipolygon = JSON.parse('{{ multipolygon | safe }}');

    // show map
    var map = new mapboxgl.Map({
        container: 'map',
        style: 'mapbox://styles/mapbox/streets-v9',
        center: [-2.1580, 51.9923],
        zoom: 12
    });

    // show geojson multipolygon on mapbox
    map.on('load', function () {
        map.addLayer({
            'id': '0',
            'type': 'fill',
            'source': {
                'type': 'geojson',
                'data': multipolygon
            },
            'paint': {
                'fill-color': '#00f',
                'fill-opacity': 0.8
            }
        });
    });
</script>