web-dev-qa-db-fra.com

Tuiles Mapbox et Leafletjs

J'essaie de charger des couches de tuiles supplémentaires sur ma carte, mais je ne peux pas vraiment le comprendre. Ceux que j'ai actuellement n'ont que grâce à quelqu'un qui a fourni un tutoriel mais n'a pas dit quelles étaient les autres options de tuiles. Quelqu'un peut il m'aider avec ça?

var mapboxUrl = 'https://api.tiles.mapbox.com/v4/{id}/{z}/{x}/{y}.png?access_token={accessToken}';
var accessToken = 'mySuperSecretToken';

var grayscale = L.tileLayer(mapboxUrl, {id: 'mapbox.light', attribution: '', maxZoom: 20, accessToken: accessToken}),
streets = L.tileLayer(mapboxUrl, {id: 'mapbox.streets', attribution: '', maxZoom: 20, accessToken: accessToken});

Je n'arrive pas à comprendre comment obtenir des couches supplémentaires ou même utiliser la nouvelle version de rues dont j'ai reçu un e-mail aujourd'hui.

leafletmapbox
18
twg_

J'ai finalement trouvé la réponse.

La chaîne URL devait être mise à jour pour

https://api.mapbox.com/styles/v1/mapbox/{id}/tiles/{z}/{x}/{y}?access_token={accessToken}

Les styles disponibles ({id}) sont

  • rues-v9
  • satellite-rues-v9
  • light-v9
  • dark-v9
  • extérieur-v9
32
twg_

La liste complète des ID de carte classiques de Mapbox, c'est-à-dire pour Leaflet, se trouve à https://www.mapbox.com/api-documentation/#maps .

Au moment de la rédaction, les identifiants sont:

  • mapbox.streets
  • mapbox.light
  • mapbox.dark
  • mapbox.satellite
  • mapbox.streets-satellite
  • mapbox.wheatpaste
  • mapbox.streets-basic
  • mapbox.comic
  • mapbox.outdoors
  • mapbox.run-bike-hike
  • mapbox.pencil
  • mapbox.pirates
  • mapbox.emerald
  • mapbox.high-contrast
12
Victor Häggqvist

En fait, les nouveaux "styles" de couches de tuiles auxquels Mapbox faisait référence étaient couches de tuiles vectorielles.

Mapbox-GL JS utilise le vecteur styles que vous avez listé (xxx-v9). (à jour au 05/2019)

Mapbox JS est construit au-dessus du dépliant (L.tilelayer()) et utilise des ensembles de tuiles raster, qui sont des images. Voici les fonds de carte disponibles de Mapbox.

3
CCantey