OpenStreetMap

OpenStreetMapの各種タイル指定

More than 1 year has passed since last update.

世界各地でいろんな種類の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日本

  • osm.jp (ちょっと確認中)
    • http://tile.openstreetmap.jp/{z}/{x}/{y}.png
    • 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

  • Toner

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

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