Untitled

<!DOCTYPE html>
<html>
	<head>
		<head>
			<title>Une carte editable par les utilisateurs/trices</title>
			<meta charset="UTF-8">
<!-- 			https://leafletjs.com/download.html -->
			<script src="https://unpkg.com/[email protected]/dist/leaflet.js"></script>
			<link rel="stylesheet" href="https://unpkg.com/[email protected]/dist/leaflet.css" />
			<style>
/*			On indique la taille de l'emplacement de la carte*/
				html, body {height: 100%; margin: 0;}
				#Carte { width: 100%; height: 100%; }
			</style>
	</head>
	<body>
<!-- 		Div où se trouvera la carte -->
		<div id='Carte'></div>
		<script>
			// créer la carte, remplacez VOTRE_TOKEN pour la clef que vous trouverez là : https://account.mapbox.com
			//var fondDeCarte = L.tileLayer('https://api.mapbox.com/styles/v1/mapbox/outdoors-v11/tiles/{z}/{x}/{y}?access_token=VOTRE_TOKEN');
			// décochez la ligne suivante si vous n'avez pas de compte MapBox
			var fondDeCarte = L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png');
			var maCarte = L.map('Carte', {
							center: [45.52,-73.63],
							zoom: 13,
							layers: fondDeCarte,
							zoomControl: false
						});
			maCarte.setView([0,0], 2);

			//Ajout d'un marqueur sur la carte par l'intermédiaire d'un objet GeoJSON
			L.geoJSON({"type": "Feature","geometry": {"type": "Point","coordinates": [74,58]}}).addTo(maCarte);
		</script>
	</body>
</html>