JavaScript ライブラリの『Leaflet』を使用したWebGISサンプルです。
Leafletを勉強していたところ、日本語サンプルが少ないためサンプルを作りました。解説は日本語でやっていきます。 積み上げ型で作っていますので、最初のサンプルで出来ることは基本的に最後のサンプルでできるようになっています。
#デモ このページの最終サンプルは下記URLより確認して下さい。
Leafletの本家サイト:http://leafletjs.com/
- API、チュートリアルがあります。
- 本家サイトの解説で分かるようであれば上記サンプルは見なくても良いかと思います。
地理院地図 on Leaflet:http://www.shirado.jp/gis/leaflet/
- PC・スマホ・タブレットで見れます。
- androidはChrome推奨
- 自分のところの座標(緯度経度)を調べる際に活用ください。
- 中心座標の緯度経度が左下に表示されます。
地理院タイル一覧:http://portal.cyberjapan.jp/help/development/ichiran.html
- 国土地理院の地理院タイル(地図・空中写真)のアドレス等を調べるにはこちらをご覧下さい。
TeraPad:http://www.forest.impress.co.jp/library/software/terapad/
- 高機能無料テキストエディタ
- 私が使用しているテキストエディタです。
- タグが色分けされたりして見やすくなります。