2016-05-11 17 views
5

Sto provando a caricare alcuni layer aggiuntivi sulla mia mappa ma non riesco a capirlo. Quelli che ho attualmente ho solo grazie a qualcuno che ha fornito un tutorial ma non ho detto quali erano le altre opzioni di tile. Qualcuno può aiutarmi con questo?Mapbox tiles e Leafletjs

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}); 

io non riesco a capire come ottenere eventuali ulteriori livelli o addirittura utilizzare la nuova versione vie che ho ricevuto un'email di oggi.

risposta

14

Alla fine ho finalmente trovato la risposta.

La stringa URL bisogno di essere aggiornato per

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

Gli stili disponibili ({id}) sono

  • strade-V9
  • satellitari-strade-v9
  • luce- v9
  • dark-v9
  • outdoors-v9
2

In realtà, i nuovi posatori 'stili' che Mapbox si riferiva erano posatori vettore.

Mapbox-GL JS utilizza il vettore styles elencato (xxx-v9).

Mapbox JS è costruito in cima Schemi (L.tilelayer()) e utilizza tilesets raster, che sono immagini. Here are the available basemaps da Mapbox.

1

L'elenco completo di ID mappa classica di Mapbox, ad esempio per Leaflet, è https://www.mapbox.com/api-documentation/#maps.

Al momento di scrivere gli ID sono:

  • mapbox.streets
  • mapbox.light
  • mapbox.dark
  • mapbox.satellite
  • mapbox.streets-satellite
  • mapbox.wheatpaste
  • mapbox.streets-basic
  • mapbox.comic
  • mapbox.outdoors
  • mapbox.run-bike-escursione
  • mapbox.pencil
  • mapbox.pirates
  • mapbox.emerald
  • mapbox.high contrasto