JSFiddle - React, Tailwind, and code Playground

by lmojo

HTML

<script src="http://cdn.leafletjs.com/leaflet-0.6.4/leaflet.js"></script>
<link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.6.4/leaflet.css">
<div id="map">fdf</div>

CSS

#map{
    width:100%;
    height:420px;
}

JavaScript

var map = L.map('map').setView([51.505, -0.09], 11);

L.tileLayer('http://{s}.tile.osm.org/{z}/{x}/{y}.png', {
    attribution: '&copy; <a href="http://osm.org/copyright">OpenStreetMap</a> contributors'
}).addTo(map);

for (var t=1;t<10;t++)
{
    L.marker([51.48+(t/100), -0.088+(t/100)]
            ).bindPopup('Loading...').addTo(map);   
}

map.on('popupopen',function(e){
    setTimeout(function(){
   e.popup.setContent('test');
    },1000);
});