ベクトルタイル地図の表示について

2024年11月22日2024年12月7日

私の作っているJSMAP2地図は、タイル地図仕様で提供しています。しかしながら、小さな地図画像の集まりで構成されており、作成も大変ですがアップロードもすごく時間がかかります。そして、一つ修正を行うだけで地図作成ソフトの作業とアップロードの作業が発生し、事実上細かいメンテナンスができません。

そのため、画像ではなくてベクトルだったら入れ替えが簡単なのに、と考えて調べるとベクトルタイル(ベクタータイル)というものがありました。これはいいと思い調べましたが、今度は表示させるスタイルやスクリプトの作成が大変みたいです。

そこで、既にあるベクトルタイル地図を調べてみました。現在、国土地理院は地理院地図のベクトルタイルを試験提供しています。

ベクトルタイル地図は、今まで使っていたLeafletで表示するプラグインは使えません。調べると「Mapbox GL JS」を使った例がありました。このやり方で自サイトへの組み込みはできそうです。

上記から得られるソースを自分のサーバー(レンタルサーバー)に配置して実行すれば、ベクトルタイル地図が表示できました。

これにより表示はできましたが、本来の目的であるJSMAP2地図のベクトルタイル化は何も解決していません。国土地理院ベクトルタイルのように、ベクトルデータであるPBFファイル(これは、各自仕様が違うようだ)と、スタイルファイルを用意しなければなりません。これは、どうしたら良いのでしょうか。

ということで、しばらくはラスタ地図によるJSMAP2タイル地図を提供していきたいと思います。ベクトルタイルについては今検討中の方法があり、それが実現できるかテストをしてみます。どちらにしろ、まだまだ先の話ですね。

PS.OpenStreetMapもベクトルタイル化されるようです。