Geolona Embed API の新リリース

先程 Geolonia Maps を表示する、Geolonia Embed API の新バージョンをリリースしました。

主な変更としては、 MapLibre v1.18 から MapLibre v2.4 にアップグレードしました。

MapLibre v2.4 にアップグレードすることによって、3D地形 の機能が使えるようになりました。

また、 Internet Explorer 11 が対応対象から外れました。 Geolonia から配信するログから確認したところ、Internet Explorer からのリクエストが 0.001% 以下であることと、 Internet Explorer 11 が 2022年6月15日を持って Microsoft からのサポートを終了されたことを受けてこの判断をしました。

早速ですが、3D地形のデモを作りたいと思います。

まずは style.json に Terrain RGB 形式のタイルをソースに追加しましょう。

"sources": {
  ...
  "dem": {
    "type": "raster-dem",
    "url": "https://tileserver.geolonia.com/gsi-dem/tiles.json?key=YOUR-API-KEY",
    "attribution": "<a href=\"https://www.gsi.go.jp/\" target=\"_blank\" rel=\"noopener noreferrer\">© GSI Japan</a>"
  }
}

今回は地理院のDEMタイルを gsi-mbtiles-tool で Terrain RGB フォーマットに変換したものを利用しています。

次、 style.json のルートに terrain 設定をします。

"terrain": {
  "source": "dem",
  "exaggeration": 1.1
},

こうしますと、3D地形を自分の地図スタイルに適用できます。

Geolonia の標準地図スタイルに順次実装していきますので、引き続きよろしくお願いします。