3D都市モデルを扱う新しい地図ライブラリ
Geoloniaは、ウェブサイトに地図を表示するライブラリ「MachGL（マッハジーエル）」を11月9日に提供開始します。ライブラリ本体は約90KBで、東京都全域の3D都市モデルも100MB未満に抑えられるとしています。高精細な街並みをウェブで扱う際のデータ量と、スマートフォンでの操作の軽さを意識した製品です。
MachGLは、地図のドラッグやズーム、回転、傾きの操作に対応し、建物や地形を立体的に表示できます。国土交通省の「PLATEAU（プラトー）」が提供する3D都市モデルでは、建物の形状を高さで表すLOD1、屋根の形状を含むLOD2、窓や庇など外観の細部を含むLOD3を描画できます。
圧縮後のバンドルサイズは約98KBで、依存するライブラリは1つです。WebGL2でベクトルタイルを描画し、タイルやGeoJSONの解析、図形生成はWeb Workerでバックグラウンド処理します。GeoJSONのほか、クラスタリング、ヒートマップ、画像や動画の重ね合わせ、HTMLマーカーも利用できます。
データ量を抑えるための処理
Geoloniaの宮内隆行CEOと開発者の樋口紗月氏は、ズームレベルごとに座標データを最適化し、独自のバイナリ形式や建物名などのメタデータの持ち方を工夫したと説明しています。これらの処理により、東京都全域の3D都市モデルを100MB未満にできるとしています。
ベクトルタイルは、道路や建物などの位置・形状・属性を小さなデータ単位で配信し、ブラウザー側でスタイルに応じて描画する仕組みです。地図の表示時に、閲覧範囲やズームレベルに応じたタイルを取得するため、タイルのファイルサイズを小さくすると表示速度の向上につながります。
国土地理院の技術検討では、ズームレベルに応じて水域や建物などを省いたり、建物の外周線データを別に持たずポリゴンから描いたりする手法が検討されました。試作タイルでは、ズームレベル14の一例でファイルサイズを768KBから37KBに減らしています。MachGLはこれとは別に、座標データやバイナリ形式、メタデータの扱いを工夫して圧縮します。
3D表示とスタイル設定
MachGLでは、PLATEAUのLODが異なる建物データを、詳細度の違いを保ったまま描画できます。また、オープンソースの地図ライブラリ「MapLibre GL JS」と同じ記述で、3D建物の外観を調整できます。
独自のタイル圧縮技術により、地物に関するメタデータを多く持たせられるとGeoloniaは説明しています。
11月9日の提供開始に先立ち、MachGLで描いた地図を操作できるデモが公開されています。東京都心の3D都市モデルを表示し、東京タワーや東京都庁などを巡るツアーや、カラーとモノトーンの表示を試せます。
Geolonia Mapsでの移行
Geoloniaの地図API「Geolonia Maps」は、これまでMapLibre GL JSをベースにしてきました。MachGLの提供開始後は、MachGL版とMapLibre版のAPIを当面並行して提供し、利用者に段階的なMachGL版への切り替えを案内する方針です。
MapLibre版APIを廃止する予定はなく、料金も従来どおりです。GeoloniaのAPIキーがあれば、同社の地図デザインを名前で指定してMachGLに表示できます。
モバイル向けウェブサービス、企業サイトや店舗案内への地図の埋め込み、都市・不動産情報を3Dで表示するサイトでの利用が想定されています。
