JSFiddle - React, Tailwind, and code Playground

by Osvaldo

HTML

<div id="map6" style="width: 100%; height: 400px; margin-bottom: 2em;"></div>
<script src="https://apps.greenpeace.es/data-vis/js/geojson2.js" type="text/javascript" defer></script>
<script src="https://unpkg.com/[email protected]/dist/leaflet.js" defer></script>
<link rel="stylesheet" href="https://unpkg.com/[email protected]/dist/leaflet.css" />
<script>
    document.addEventListener("DOMContentLoaded", function(event) {
        var osmap = L.map('map6', {
            scrollWheelZoom: false
        }).setView([3.865427, 0.196123], 1.5);

        L.tileLayer('https://maps.wikimedia.org/osm-intl/{z}/{x}/{y}.png?lang=es', {
            maxZoom: 18,
            attribution: '&copy; OpenStreetMap contributors, Wikimedia',
            id: 'mapbox.light'
        }).addTo(osmap);
        // L.geoJSON(geojsonFeature).addTo(osmap);
    });
</script>