JSFiddle - React, Tailwind, and code Playground

by greenpeace

HTML

<script src="https://unpkg.com/leaflet@1.4.0/dist/leaflet.js" defer></script>
<link rel="stylesheet" href="https://unpkg.com/leaflet@1.4.0/dist/leaflet.css" />

<link rel="stylesheet" href="https://storage.googleapis.com/gpes-static/mapa-pm25/modelo.css" />
<script src="https://storage.googleapis.com/gpes-static/mapa-pm25/fossil-data.js"></script>
<p><strong>Mapa de concentración de partículas finas PM2,5 procedentes de la quema de combustibles fósiles basado en el modelo GEOS-Chem.</strong></p>
<div id="concentracionParticulasPM25" style="width: 100%;" class="fitvidsignore">[Mapa de concentración de partículas finas PM2,5 procedentes de la quema de combustibles fósiles basado en el modelo GEOS-Chem.]</div>
<div class="legendMap">
        <span style="color: rgb(200,200, 200)">█</span> Minima concentracion &nbsp; &nbsp; &nbsp;
        <span style="color: rgb(0,0, 0)">█</span> Maxima concentracion
</div>
<script src="https://storage.googleapis.com/gpes-static/mapa-pm25/concentracion.js"></script>