JSFiddle - React, Tailwind, and code Playground
by greenpeace
HTML
<h2 class="topTitlePiece">Pozos ilegales en el Guadalquivir (2013-17)</h2>
<link rel="stylesheet" href="https://storage.googleapis.com/gpes-static/pozos-2019/media-1.css?v=1.0" />
<h3 id="tituloGraficoAndalucia">Denuncias tramitadas</h3>
<div id="mapaAndalucia" style="width: 100%; height: 400px;"></div>
<div class="notaSobreEscala"><small>Nota: Haz click en los circulos para más información. Para que todos los puntos sean visibles se les ha añadido un valor base.</small></div>
<p><button id="numSancionesAndalucia" type="button">Denuncias tramitadas</button> <button id="valorDanosAndalucia" type="button">Daño en euros</button></p>
<!-- CÓDIGO FUENTE Y DATOS: media-1.js -->
<script src="https://storage.googleapis.com/gpes-static/pozos-2019/media-1.js?v=1.0" 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" />