気軽に楽しむ２．５次元のWeb地図「ちずえもん」を作成してみた。 #オープンデータ

法務省地図を載せたＷｅｂ地図である「今ここ何番地？」の一部の機能を利用して、気軽に楽しむ２．５次元のＷｅｂ地図を作成しました。

ベースは、MapLibre GL JSを用いています。
データは、国土地理院（空中写真・標高タイル・住所検索ＡＰＩ）、法務省（公図）、国土交通省（建物：ＰＬＡＴＥＡＵ）のオープンデータ・公開データを使用しております。

単に楽しむ地図ではありますが、公図・建物は「ＰＭＴｉｌｅｓ」を使用するなど、今ここ何番地？で培ったスキル・データを活用しています。
※建物（ＰＬＡＴＥＡＵ）はshi-worksさんのデータを参照させてもらっております。

サイトを作成してみて、「行政のオープンデータでここまでできるんだ」というのが正直な感想で、早くて軽い２．５次元地図が手軽に作成できることに驚きました。

技術的なポイントとしては、建物はＬＯＤ１のデータで、平面ポリゴンを高さ情報で伸ばしているだけなので、データが軽いのが特徴です。

そして、傾き（Pitch）は85°まで傾けることができますが、あまり傾けすぎると広範囲のデータをロードするためロード時間や描画時間がかかり、場合によっては動きがカクカクすることがあります。色々試した結果、傾き（Pitch）は70°が私のサイトでは最適かな？と思い、最大傾斜を70°としています。

また、最初のところでは、日本全国の写真から、デバイスの位置情報の所にジャンプ（Flyto）しますが、その時は傾けずに垂直に降下し、数秒後に傾けることで、データのロード時間・描画時間を調整しています。

真ん中には、ドローン画像を入れるなど、遊び心をたくさん入れております。

２次元（２Ｄ：平面）と３次元（３Ｄ：立体）の中間である２．５次元地図で何とも中途半端なところではありますが、
　・２Ｄではできない表現
　・３Ｄよりも軽快な動き
が現時点ではかなりの活用性があるのではないかと思っております。

宜しければ、一度ご覧ください。