OpenStreetMapの各種タイル指定

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

* [OSM wiki: Tiles](https://wiki.openstreetmap.org/wiki/Tiles)

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


## OSM本家
* OSM本家
 * `http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png`
 * map data © [OpenStreetMap](http://osm.org/copyright) contributors
 * 画像ライセンス: CC BY-SA2.0

* OSM-monochrome
 * `http://www.toolserver.org/tiles/bw-mapnik/{z}/{x}/{y}.png`
 * map data © [OpenStreetMap](http://osm.org/copyright) contributors
 * 画像ライセンス: CC BY-SA2.0

* HikeBikeMap
 * `http://toolserver.org/tiles/hikebike/{z}/{x}/{y}.png`
 * Tiles HikeBikeMap — Map Data © [OpenStreetMap](http://www.openstreetmap.org/copyright) contributors
 * 画像ライセンス: 不明


## OSM日本
* Deprecated: osm.jp (ちょっと確認中)
 * map data © [OpenStreetMap](http://osm.org/copyright) contributors
 * 画像ライセンス: CC BY-SA2.0

## OSMフランス
* OSMフランス
 * `http://{s}.tile.openstreetmap.fr/osmfr/{z}/{x}/{y}.png`
 * map data © [OpenStreetMap](http://osm.org/copyright) 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](http://www.thunderforest.com/outdoors/) / map data [OpenStreetMap](http://osm.org/copyright)
 * 画像ライセンス: CC BY-SA2.0

* Transport
 * `http://{s}.tile2.opencyclemap.org/transport/{z}/{x}/{y}.png`
 * Tiles © [Gravitystorm](http://www.thunderforest.com/outdoors/) / map data [OpenStreetMap](http://osm.org/copyright)
 * 画像ライセンス: CC BY-SA2.0

* landscape
 * `http://{s}.tile3.opencyclemap.org/landscape/{z}/{x}/{y}.png`
 * Tiles © [Gravitystorm](http://www.thunderforest.com/outdoors/) / map data [OpenStreetMap](http://osm.org/copyright)
 * 画像ライセンス: 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](http://stamen.com), under [CC BY 3.0](http://creativecommons.org/licenses/by/3.0). Data by [OpenStreetMap](http://openstreetmap.org), under [CC BY SA](http://creativecommons.org/licenses/by-sa/3.0).

* Toner
 * `http://{s}.tile.stamen.com/toner-lite/{z}/{x}/{y}.png`
 * Map tiles by [Stamen Design](http://stamen.com), under [CC BY 3.0](http://creativecommons.org/licenses/by/3.0). Data by [OpenStreetMap](http://openstreetmap.org), under [CC BY SA](http://creativecommons.org/licenses/by-sa/3.0).

## Mapbox
mapbox.jpを使うこと。

## leafletでの指定
[Leafletのクイックスタートサンプル](http://leafletjs.com/examples/quick-start.html)を参照すること。

あと、[MarketCluster](https://github.com/Leaflet/Leaflet.markercluster)のサンプルがすごくまとまってる気がする。

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

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