JSFiddle - React, Tailwind, and code Playground

by jean-philippe janecek

HTML

<link rel="stylesheet" href="https://unpkg.com/[email protected]/dist/leaflet.css">
<script src="https://unpkg.com/[email protected]/dist/leaflet.js"></script>
	<style>
		#map {
			width: 600px;
			height: 400px;
		}
	</style>
  
  <div id='map'></div>

JavaScript

var map = L.map('map', {
		center: [0, 0],
		zoom: 1,
    crs: L.CRS.EPSG4326
	});
  var id = 'meteo-france/token'
  var token='token=' + id
	var wmsLayer = L.tileLayer.wms('https://geoservices.meteofrance.fr/services/MF-NWP-GLOBAL-ARPEGE-05-GLOBE-WMS?' + token, {
		layers: 'PLANETARY_BOUNDARY_LAYER_HEIGHT__GROUND_OR_WATER_SURFACE',
    styles: 'H_COULIM__GROUND__NO_SHADING',
    format: 'image/png',
    version: '1.3.0'
	}).addTo(map);