JSFiddle - React, Tailwind, and code Playground

by Jack 0

HTML

<script src="http://cdn.leafletjs.com/leaflet-0.7.3/leaflet.js"></script>
<link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.7.3/leaflet.css">
<link rel="stylesheet" href="view-source:http://labs.easyblog.it/maps/leaflet-search/src/leaflet-search.css">
<script src="http://labs.easyblog.it/maps/leaflet-search/src/leaflet-search.js"></script>
 <p id="demo"></p>
 <div id="map"></div>

JavaScript

$('#map').css('height', $(window).height()).css('border-radius', '5px')

var mapLink = '<a href="http://openstreetmap.org">OpenStreetMap</a>';
    var map = L.map('map').setView([37.784633, -122.397414], 15);

L.tileLayer('http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
        attribution: '&copy; ' + mapLink + ' Contributors',
        maxZoom: 18,
    }).addTo(map);
    L.control.scale({
        metric: false
    }).addTo(map); 


//queryUrl= 'whatever'


    // map.addControl( new L.Control.Search({ url:queryUrl+'{s}', text:'Color...', markerLocation: true}) );