JSFiddle - React, Tailwind, and code Playground

by Jeroen Heijmans

HTML

<link rel="stylesheet" href="https://unpkg.com/[email protected]/dist/leaflet.css"
     integrity="sha256-p4NxAoJBhIIN+hmNHrzRCf9tD/miZyoHS5obTRR9BMY="
     crossorigin=""/>
 <script src="https://unpkg.com/[email protected]/dist/leaflet.js"
     integrity="sha256-20nQCchB9co0qIjJZRGuk2/Z9VM+kNiyxNV1lvTlZBo="
     crossorigin=""></script>
 <div id="map"></div>

CSS

#map { height: 90vh; }

JavaScript

const map = L.map('map').setView([52.0907, 5.1214], 12);
L.tileLayer('https://tile.openstreetmap.org/{z}/{x}/{y}.png').addTo(map);
L.marker([52.093421,5.118278]).addTo(map);
L.marker([52.092174,5.119866]).addTo(map);