JSFiddle - React, Tailwind, and code Playground

by Justin Maat

HTML

<link rel="stylesheet" href="https://npmcdn.com/[email protected]/dist/leaflet.css">
<script src="https://npmcdn.com/[email protected]/dist/leaflet.js"></script>
 <div id="mapid"></div>

CSS

#mapid { height: 480px; }

JavaScript

var map = new L.Map('mapid');
var tilelayer = L.TileLayer("http://server.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer/tile/{z}/{y}/{x}", {
        maxZoom: 18
    });

map.setView(new L.LatLng(-23.550520, -46.633309), 8).addLayer(apple);

//map.addStripesPattern();

L.polygon([
    [-23.427089, -46.903848],
    [-23.427089, -46.230935],
    [-23.755561, -46.230935],
    [-23.755561, -46.903848]
], {
    color: 'url(#p1)'
}).addTo(map);