maps-suite チュートリアル

maps-suite は、Geolonia Maps を JavaScript から命令的に操作するためのライブラリです。Map、Marker、InfoWindow という、他の地図サービスと共通するクラス構成を採用しており、地図のインスタンスを生成してメソッドで操作する形式で記述します。フレームワークに依存しないため、任意の Web ページに組み込めます。

このチュートリアルは6つの Step で構成されています。各 Step は独立して動作するコードで完結します。Step 5 まで進むと、属性に応じて色分けしたデータを載せた地図を、自分の URL で公開するところまで到達します。

1. Step 0 地図を表示する: new geolonia.maps.Map() で地図を生成する
2. Step 1 初期位置とズームの設定: 中心座標、拡大率、傾きを指定する
3. Step 2 GeoJSON データの追加: 地点データ（GeoJSON）を重ねる
4. Step 3 データに応じたスタイルの適用: データの属性に応じて点を色分けする
5. Step 4 イベント処理と情報ウィンドウ: マーカーのクリックで情報ウィンドウを表示する
6. Step 5 ビルドと本番公開: ビルドして本番環境に公開する

各 Step の末尾には、想定される失敗と確認手順をまとめた「うまくいかないとき」を用意しています。

最初の手順は Step 0: 地図を表示する です。