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

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