チュートリアル9

チュートリアル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を使います。

• mesh2tileBasic.pyをローカルPCに保存
• 作業ディレクトリにtilesディレクトリを用意
• python mesh2tileBasic.py mesh.csv　で実行(mesh.csvはDLした元データのファイルパス)
• tilesディレクトリにタイル分割されたメッシュデータが保存されています。

タイルピラミッドデータの説明

top.csv

• １行目：空白行
• ２行目以降：
  • １桁目：自治体コード（県コード）
  • ２桁目以降：２次メッシュコード

[４桁の数字].csv　例

• ファイル名の[４桁の数字]：１次メッシュコード
• １行目：１次メッシュ番号
• ２行目以降：
  • １桁目：自治体コード（市区町村コード）
  • ２桁目以降：３次メッシュコードの下４桁（１行目の１次メッシュコードを先頭に付与することで３次メッシュコードが得られる：簡易的なデータ圧縮のため）

注記

• 上記２種類のファイルがGridded XYZデータに相当します。XYデータが一見ないように見えますが、メッシュコードはグリッド化されたXY座標を符号化した情報であるためです。

code_name.csv

• チュートリアル9bのためのデータ。
• １桁目：市区町村コード
• ２桁目：国名
• ３桁目：県名
• ２桁目：市区町村名