JSFiddle - React, Tailwind, and code Playground

by greenpeace

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="https://unpkg.com/[email protected]/dist/leaflet.js"></script>
<link rel="stylesheet" href="https://unpkg.com/[email protected]/dist/leaflet.css" />
<link rel="stylesheet" href="https://storage.googleapis.com/gpes-static/ecoembes/mapa/media-1.css" />
<div id="infoContainer" style="width: 100%;" class="fitvidsignore"></div>

<div id="mapLegend">
    <span style="color: #FF4D16">█</span> Incendios en plantas de reciclaje homologados por el SIG
</div>

<div>
  <input type="range" class="mapRange" name="yearMap" id="yearMap" min="2012" max="2019" value="2012" />
</div>


<div id="selectedMapYear">
  2012
</div>


<script src="https://storage.googleapis.com/gpes-static/ecoembes/mapa/media-1.js?v=3"></script>