はじめに
ベースマップはマップの表示位置や周辺環境を視覚的に提供する役割を持ち、マップ自体の見やすさや美しさに大きな影響を与えます。ベースマップは表示の高速化のためマップ タイル形式で配信されています。このうちベクター タイル形式のベースマップを Vector Tile Style Editor でカスタマイズしてみましょう。
ベクター タイル形式のベースマップとは
ベクター タイル形式のベースマップは、地図上に示してある路線や建物など地物の情報が、ポイントやポリライン、ポリゴンを表示するような、図形（ベクター）形式のデータで構成・表現されたベースマップです。
対照的なものとして、ArcGIS Online で配信している“海洋図“や“ラベル付き衛星画像“の背景地図は、画像（ラスター）形式で構成・表現されています。
ベクター タイル形式は画像ではないため、どこまで詳細にズームを行っても解像度に限界がなくきれいに表示されます。地図の表示ラベルが地図の回転に合わせて読みやすい位置に回転することもベクター タイル形式の利点です。ベクター タイル形式は、地物を表すデータと表示スタイルが分かれているため、例えば道路や河川といったデータ毎の配色をデータはそのままにカスタムすることが可能であり、ベクターデータを再作成する必要がありません。
ベクター タイル形式を詳しく知りたい場合は、ESRIジャパンが運営する ArcGIS ブログの「ベクター タイル大解剖！ 基礎編」の記事も是非ご参照ください。
ArcGIS Vector Tile Style Editor の概要と起動方法
ArcGIS Vector Tile Style Editor は、ベクター タイル レイヤーのスタイルを設定するためのオンライン スタイル エディターです。ここでは新たにタイルを作成するのではなく、ベクター タイルのスタイルを変更するため、作成されたファイルのサイズが小さいことが利点です。ArcGIS Online や ArcGIS Location Platform を利用する際に、容量を削減するために役立ちます。
起動するにはまず ArcGIS Online にログインをします。アプリ ランチャーを開き、Vector Tile Style Editor のアイコンをクリックすることで起動します。
[+新規スタイル] ボタンをクリックすると作成が開始されます。Vector Tile Style Editor では Esri の提供する合計 70 種類以上ものベースマップからカスタマイズを始めることができます。カスタマイズを始めたいベースマップをクリックして始めましょう。
もしベースマップをカスタマイズする方針が決まっているのであれば、元にするベースマップの選択を適切に行うとよりよくカスタマイズできます。例えば、Light Gray Canvas のような Canvas マップや Human Geography は、独自のカラー パレットを開発したい場合に向いています。しかし、細部が削ぎ落とされており、表示したいものによっては十分ではないかもしれません。一方で、Street と Topographic は特に大きな縮尺では内容が豊富ですが、シンボルやラベルを調整する作業の負担が大きくなってしまいます。Colored Pencil や Nova のような地図は、独自性が強いためカスタマイズすることが難しくなるかもしれません。
今回は例として Lite Gray Canvas で開始します。Vector Tile Style Editor を起動して、左下のアイコンからメニュー バーを展開すると以下のような画面になります。このアプリケーションでは 1 つの大きなマップと 3 つのミニマップでマップ画面が構成されています。デフォルトではズームが 5、9、14 の設定になっているので、変更した対象がズーム レベルによってどのように変わるかを見ながら作業を進めることができます。ミニマップが不必要であれば、右下の [ミニマップを非表示] から非表示にしましょう。
詳しい説明については参考資料の Customizing Esri's Vector Basemaps シリーズや、Esri community ブログ記事「ベクター タイル形式の背景地図をカスタムしてオリジナル配色の背景地図を表現しよう」を利用してみてください。
ここからは実際に作成したベクター タイル レイヤーを元にいくつかの機能を紹介していこうと思います。
例 1 海岸線の再表示
Canvas マップは表示されるものが絞られている特徴があり、カスタマイズしやすいことが特徴です。しかし、少し情報量が少なく物寂しいと感じたことはないでしょうか。ここでは非表示となっている情報を再表示させる一例として、JSON の編集から海岸線を表示させてみましょう。以下の図で示している Vector Basemaps Reference Document には Esri の提供するベクター タイル レイヤーに含まれるレイヤーのリストが記述されています。このドキュメントからズーム レベルが 0 から 9 の間で海岸線が表示可能ということがわかります。
海岸線が表示されている一例として World Topographic Map があります。このマップの情報を参考に、海岸線に該当する JSON の記述をコピーし転記することで海岸線のシンボル設定を作成することができます。ここでは海岸線の色を黒とし、幅を太くしました。
