2022年2月9日 (水) 06:50時点における版

チュートリアル9 WebApp Layer メッシュタイル

タイル分割されたメッシュデータを表示するチュートリアルです。読み込むメッシュデータはチュートリアル8と異なり、Gridded XYZタイプのデータを扱ってみます。

また、チュートリアル8よりも大きいデータ（メッシュ数が多い、細かい）を扱います。そのためタイリングに加えて簡単なタイルピラミッドを構築し、小縮尺と大縮尺で表示するデータを変化させる機能(Level of Detail)も実装します。

こちらのWebAppでデータを取得します。
このwebAppは統計局の市区町村別メッシュ・コード一覧からすべてのCSVを自動的に取得し、指定したメッシュレベルのCSVデータが保存できます。（すべてブラウザ上で実行）
操作方法
- japanMesh_r3.htmlにアクセス
  - CSVデータの収集が完了するまでしばらく待ちます。
- 市区町村を選択
- ３次メッシュを選択
- 集計実行を押す
- CSVをダウンロード　を選択するとCSVが保存できる

本チュートリアルはバックエンドにDBや動的なwebサービスを配置しない、jamStackな構成とします。そのため取得した元データから静的なタイルぴピラミッドデータ（CSVファイル群）を生成します。生成のためのツールはこちらに用意したmesh2tileBasic.pyを使います。

@@ 17行目: / 17行目: @@
 * このwebAppは [https://www.stat.go.jp/data/mesh/m_itiran.html 統計局の市区町村別メッシュ・コード一覧]からすべてのCSVを自動的に取得し、指定したメッシュレベルのCSVデータが保存できます。（すべてブラウザ上で実行）
 * 操作方法
-**[https://www.svgmap.org/devinfo/devkddi/lvl0.1/etcLayers/meshCoder/japanMesh_r3.html]にアクセス
+**[https://www.svgmap.org/devinfo/devkddi/lvl0.1/etcLayers/meshCoder/japanMesh_r3.html japanMesh_r3.html]にアクセス
 ***CSVデータの収集が完了するまでしばらく待ちます。
 ** <code>市区町村</code>を選択
@@ 23行目: / 23行目: @@
 ** <code>集計実行</code>を押す
 ** CSVをダウンロード　を選択するとCSVが保存できる
 ==タイルピラミッドの構築==
 *本チュートリアルはバックエンドにDBや動的なwebサービスを配置しない、jamStackな構成とします。そのため取得した元データから静的なタイルぴピラミッドデータ（CSVファイル群）を生成します。生成のためのツールは[https://svgmap.org/devinfo/devkddi/tutorials/mesh2/mesh2tileBasic.py こちらに用意したmesh2tileBasic.py]を使います。
 *