中級・4〜7時間

WebGIS

Leaflet、OpenLayers、GeoJSON、XYZタイル、静的ホスティングで公開できる地図を学びます。

LeafletOpenLayersGeoJSONタイル
Lesson 1

Web地図の仕組み

タイル、ズームレベル、投影法、ブラウザ表示の基本を確認します。

作り込み案: 画面キャプチャ、操作手順、サンプルデータ、確認問題、成果物イメージを追加します。
Lesson 2

GeoJSON表示

点・線・面の表示、ポップアップ、スタイル属性を扱います。

作り込み案: 画面キャプチャ、操作手順、サンプルデータ、確認問題、成果物イメージを追加します。
Lesson 3

Leaflet入門

軽量な地図表示、レイヤ切替、凡例、簡易検索を作成します。

作り込み案: 画面キャプチャ、操作手順、サンプルデータ、確認問題、成果物イメージを追加します。
Lesson 4

公開方法

Astroの静的出力を使い、HTML・CSS・JSだけで公開します。

作り込み案: 画面キャプチャ、操作手順、サンプルデータ、確認問題、成果物イメージを追加します。
Practice

実務演習

災害リスク地点のGeoJSONを読み込み、カテゴリ別色分け・ポップアップ・凡例付きWeb地図を作る。