Untitled

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<head>
			<title>Un titre</title>
			<meta charset="UTF-8">
			<script src="https://unpkg.com/leaflet@1.6.0/dist/leaflet.js"></script>
			<link rel="stylesheet" href="https://unpkg.com/leaflet@1.6.0/dist/leaflet.css" />
<!-- 			Les bibliothèques de Firebase -->
			<script src="https://www.gstatic.com/firebasejs/7.8.1/firebase-app.js"></script>
			<script src="https://www.gstatic.com/firebasejs/7.8.1/firebase-auth.js"></script>
			<script src="https://www.gstatic.com/firebasejs/7.8.1/firebase-database.js"></script>
			<style>
				html, body {height: 100%; margin: 0;}
				#Carte { width: 100%; height: 100%; }
			</style>
		</head>
	</head>
	<body>
		<div id='Carte'></div>
		<script>

			// Ajoût de la configuration de la connexion à la base de donnée en ligne Firebase.
			var firebaseConfig = {
				apiKey: "AIzaSyDeajsI7o0U-Mo4XVSBMtuoGCS_Nn939b8",
				authDomain: "leaflet-3f59a.firebaseapp.com",
				databaseURL: "https://leaflet-3f59a.firebaseio.com",
				projectId: "leaflet-3f59a",
				storageBucket: "leaflet-3f59a.appspot.com",
				messagingSenderId: "841635639220",
				appId: "1:841635639220:web:0985db6b3ef82a43904ce1"
			};
			// initialise Firebase
			firebase.initializeApp(firebaseConfig);
			var database = firebase.database();
			ref = database.ref('Leaflet');

			// créer la carte
			var fondDeCarte = L.tileLayer('https://api.mapbox.com/styles/v1/mapbox/outdoors-v11/tiles/{z}/{x}/{y}?access_token=VOTRE_TOKEN')
			var maCarte = L.map('Carte', {
							center: [45.52,-73.63],
							zoom: 13,
							layers: fondDeCarte,
							zoomControl: false
						});
			maCarte.setView([0,0], 2);

			// les deux functions demandées par ref.on('value',gotData,errData); pour récolter les données
			function gotData(data) {
				var features = data.val();
				var keys = Object.keys(features);
				console.log(features);
			}
			function errData(err) {
				console.log('Erreur',err);
			}

			// fonction pour récupérer les données de la BD en temps réel. elle appelle elle-même deux fonctions
			ref.on('value',gotData,errData);

			// Envoi d'un objet JSON vers la base de données FireBase :
			ref.push({a: 1, b: 2});

		</script>
	</body>
</html>