インストール

このセクションでは、ベクトルタイルの実装方法についてご説明します。

まず、次のイメージを参照し、ツールキットの全体の構成についてご覧になってください。

システム構成図

vectortiles-system-structure

シーケンス図

PostGISUservtmapbox-stylefilesMapbox StudioGithub Actionsgh-pagesGeoJSONtippecanoembtilesUpload mbtilesMapboxスタイルファイルスタイルファイル編集GeoJSONスタイルファイルが完成したらmbtilesアップロードベクトルタイル(pbf/mvt)ビルド&デプロイMapboxスタイルとSVGのダウンロードスタイルファイルを編集し、gh-pagesにアップロードスタイルファイルの生成スプライトファイルの生成MapboxスタイルとスプライトのデプロイMapbox GL JSでのウェブアプリ開発HTML/JavaScriptのアップロードHTML/JavaScriptビルド&デプロイPostGISUservtmapbox-stylefilesMapbox StudioGithub Actionsgh-pages

次に

いよいよ、次から具体的なベクトルタイルの実装方法について説明していきます。