JSFiddle - React, Tailwind, and code Playground

by Leon Alvarez Del Canto

HTML

<div id="map">

</div>
https://tepettersen.wordpress.com/

CSS

#map {
  height: 300px;
  margin-top: 50px;
  position: relative;
}

JavaScript

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

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

L.marker([51.5, -0.09]).addTo(map)
  .bindPopup('A pretty CSS3 popup.<br> Easily customizable.')
  .openPopup();