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