🍃 Mettre en place Leaflet avec notre API de basemap
Dans ce tutoriel, nous allons vous montrer comment intégrer notre API de basemap avec Leaflet.
- HTML
- JavaScript
📝 HTML
Pour intégrer Leaflet à votre page, ajoutez le code suivant à votre fichier HTML :
<link rel="stylesheet" href="https://unpkg.com/leaflet@1.7.1/dist/leaflet.css" />
<script src="https://unpkg.com/leaflet@1.7.1/dist/leaflet.js"></script>
<div id="map" style="height: 300px; width: 100%;"></div>
💻 JavaScript
Maintenant, ajoutez le code suivant à votre fichier JavaScript pour mettre en place la carte :
var map = window.L.map('map').setView([48.3, -2.33], 5);
window.L.tileLayer('https://cartopixel.com:8888/styles/default/{z}/{x}/{y}@2x.png', {
attribution: '©CartoPixel ©Etalab ©OpenMapTiles ©Contributeurs OSM',
}).addTo(map);