2016-05-11 3 views
5

地図上にいくつかのタイルレイヤーを追加しようとしていますが、わかりません。私が現在持っているものは、チュートリアルを提供した人に感謝しますが、他のタイルオプションが何であるかは言いませんでした。誰かがこれで私を助けることができますか?マップタイルとリーフレット

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

私は、任意の追加の層を取得したりしても、私は今日についての電子メールを得た新しい街のバージョンを使用する方法を見つけ出すように見えることはできません。

答えて

14

私は実際に答えを見つけました。

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

使用可能なスタイルに更新するために必要なURL文字列({ID})である

  • 通り-V9
  • 衛星通り-V9
  • 軽v9
  • dark-v9
  • 屋外-v9
2

実際、Mapboxが参照していた新しいタイルレイヤーのスタイルは、ベクタータイルレイヤーです。

Mapbox-GL JSは、(xxx-v9)に記載されているベクターstylesを使用しています。

Mapbox JSはリーフレット(L.tilelayer())の上に構築され、画像であるラスタータイルセットを使用します。 MapboxのHere are the available basemaps

1

リーフレットのMapboxクラシックマップIDの完全なリストはhttps://www.mapbox.com/api-documentation/#mapsです。 IDを書いている時点で

は以下のとおりです。

  • mapbox.streets
  • mapbox.light
  • mapbox.dark
  • mapbox.satellite
  • mapbox.streets衛星
  • mapbox.wheatpaste
  • mapbox.streets-basic
  • mapbox.comic
  • mapbox.outdoors
  • mapbox.run-バイク、ハイキング
  • mapbox.pencil
  • mapbox.pirates
  • mapbox.emerald
  • mapbox.highコントラスト