JSFiddle - React, Tailwind, and code Playground

by Nicolas

HTML

<script src="http://cdn.jsdelivr.net/leaflet/0.7.3/leaflet.js"></script>
<link rel="stylesheet" href="http://cdn.jsdelivr.net/leaflet/0.7.3/leaflet.css">
<div id="map"></div>

CSS

html, body, #map {
    height: 100%;
     padding: 0;
    margin: 0;
}

JavaScript

// paramètrage de la carte et du fond
		var map = L.map('map',
		{ center: [53.662 , 18.071],
		zoom:4,
		minZoom:4,
		maxZoom:7,
	
		});

// Chargement des données JSON via Jquery
	$.getJSON("http://vegactu.com/m1/europe_abattoir/data/europe_fao.json",function(dataeurope){ var geojson = L.geoJson( dataeurope ).addTo(map);
  });

// échelle
		L.control.scale({position:'bottomleft', maxWidth: 100,metric: true,imperial: true,	updateWhenIdle: false})
		.addTo(map);