ここにmapを表示
- ローカル環境では、javascriptによりページ外の一般ファイルを読み込もうとするとCORSエラーになり出来ません。
- この例では、GeoJsonをjsにして読み込む事でそのエラーを回避しています。
- 具体的には、GeoJsonファイルを dataという定数にし、2hinansho.jsという外部jsファイルにして読み込んでいます。
- つまり、{・・・・} だった 2hinansho.geojsonファイルの頭に 「const data =」を付けて const data = {・・・・} という定数から成る 2hinansho.jsという外部jsファイルにして読み込んでいます。
- 勿論、const data = {・・・・}は敢えて外部jsにせずに、内部jsに書き込むことも可能です。
- この様な方法は、外部csvファイルなどの読込にも使えます。
- 引用データ:
東京都品川区の二次避難所位置情報 - 他の公開 geojson:
東京都の公開 geojson
各台風経路情報
G空間情報センター
都道府県のポリゴンデータ
GeoJSONデータの構造
地理院 GeoJSONデータ仕様(検討中) - 参考
Leaflet教材
GIS実習オープン教材
-GeoJSON-
$.getJSON()には注意
内部jsにGeoJSONを書き込む
GeoJSONデータの作成
法務局のデータ公開