OpenStreetMapの各種タイル指定

注意

この記事は内容が古くなっています。
最新の内容については、OSM wikiの記事を参照されることを推奨します。

• OSM wiki: Tiles

前段

世界各地でいろんな種類のOpenStreetMapのタイルが作成されているけれど、利用規約がそれぞれでちょっとずつ違っているのと、指定するURLがよくわからなくなるので、メモ。
基本的に、uMapの設定から抜いています。

OSM本家

• OSM本家

  • http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png
  • map data © OpenStreetMap contributors
  • 画像ライセンス: CC BY-SA2.0

• OSM-monochrome

  • http://www.toolserver.org/tiles/bw-mapnik/{z}/{x}/{y}.png
  • map data © OpenStreetMap contributors
  • 画像ライセンス: CC BY-SA2.0

• HikeBikeMap

  • http://toolserver.org/tiles/hikebike/{z}/{x}/{y}.png
  • Tiles HikeBikeMap — Map Data © OpenStreetMap contributors
  • 画像ライセンス: 不明

OSM日本

• Deprecated: osm.jp (ちょっと確認中)
  • map data © OpenStreetMap contributors
  • 画像ライセンス: CC BY-SA2.0

OSMフランス

• OSMフランス

  • http://{s}.tile.openstreetmap.fr/osmfr/{z}/{x}/{y}.png
  • map data © OpenStreetMap under ODbL
  • 画像ライセンス: CC BY-SA2.0

• OpenRiverboatMap

  • http://{s}.tile.openstreetmap.fr/openriverboatmap/{z}/{x}/{y}.png
  • © OSM Contributors - tiles OpenRiverboatMap
  • 画像ライセンス: 不明

ThunderForest (Alanさんのとこ)

• Outdoor

  • http://{s}.tile.thunderforest.com/outdoors/{z}/{x}/{y}.png
  • Tiles © Gravitystorm / map data OpenStreetMap
  • 画像ライセンス: CC BY-SA2.0

• Transport

  • http://{s}.tile2.opencyclemap.org/transport/{z}/{x}/{y}.png
  • Tiles © Gravitystorm / map data OpenStreetMap
  • 画像ライセンス: CC BY-SA2.0

• landscape

  • http://{s}.tile3.opencyclemap.org/landscape/{z}/{x}/{y}.png
  • Tiles © Gravitystorm / map data OpenStreetMap
  • 画像ライセンス: CC BY-SA2.0

その他

• HOTOSM style

  • http://{s}.tile.openstreetmap.fr/hot/{z}/{x}/{y}.png
  • Data © OpenStreetMap Contributors - Tiles © HOT
  • 画像ライセンス: CC0

• OpenCycleMap

  • http://{s}.tile.opencyclemap.org/cycle/{z}/{x}/{y}.png
  • “OpenCycleMap” and “OpenStreetMap contributors”
  • 画像ライセンス: 不明

• Watercolor

  • http://{s}.tile.stamen.com/watercolor/{z}/{x}/{y}.jpg
  • Map tiles by Stamen Design, under CC BY 3.0. Data by OpenStreetMap, under CC BY SA.

• Toner

  • http://{s}.tile.stamen.com/toner-lite/{z}/{x}/{y}.png
  • Map tiles by Stamen Design, under CC BY 3.0. Data by OpenStreetMap, under CC BY SA.

Mapbox

mapbox.jpを使うこと。

leafletでの指定

Leafletのクイックスタートサンプルを参照すること。

あと、MarketClusterのサンプルがすごくまとまってる気がする。

var OsmUrl = 'http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png',
    OsmAttr = 'map data &copy; <a href="http://osm.org/copyright">OpenStreetMap</a> contributors',
    Osm = L.tileLayer(OsmUrl, {maxZoom: 20, attribution: OsmAttr}),
    latlng = L.latLng(-37.82, 175.24);

var map = L.map('map', {center: latlng, zoom: 13, layers: [Osm]});

ライセンス明示の出処とか、おいおい追加します。