mapbox/streets-v11

Author: mbostock

docs/getting-started.md

@@ -401,8 +401,9 @@ This is a GeoJSON `Feature` object of a `Polygon` geometry representing the grid
 </figure>
 
 ```js
+const ACCESS_TOKEN = "pk.eyJ1Ijoib2JzZXJ2YWJsZWhxLWVuZy1hZG1pbiIsImEiOiJjbHMxaTBwdDkwYnRsMmpxeG12M2kzdWFvIn0.Ga6eIWP2YNQrEW4FzHRcTQ";
 const map = L.map(document.querySelector("#map"));
-const tile = L.tileLayer("https://tile.openstreetmap.org/{z}/{x}/{y}.png").addTo(map);
+const tile = L.tileLayer(`https://api.mapbox.com/styles/v1/mapbox/streets-v11/tiles/{z}/{x}/{y}?access_token=${ACCESS_TOKEN}`).addTo(map);
 const geo = L.geoJSON().addData(forecast).addTo(map);
 map.fitBounds(geo.getBounds(), {padding: [50, 50]});
 invalidation.then(() => map.remove());