embed チュートリアル

embed は、Geolonia Maps の中でも最も簡単に地図を表示するためのライブラリです。<div> タグと <script> タグを HTML に書くだけで動きます。ビルドツールも npm も要りません。テキストエディタとブラウザがあれば始められます。

このチュートリアルでは、能力の梯子を下から順に登ります。各段は短く、必ず動くものを作ります。段5まで登りきると、自分のデータを載せた地図を、自分の URL で公開できるようになります。

1. 段0 地図を出す：HTML 1ファイルで地図が出る
2. 段1 場所と視点：見たい場所、拡大率、傾きを指定する
3. 段2 データを載せる：自分の地点データ（GeoJSON）を重ねる
4. 段3 見た目を変える：ベース地図のスタイルを差し替える
5. 段4 インタラクションを足す：クリックでポップアップを出す
6. 段5 公開する：API キーを用意して本番公開する

途中でつまずいても大丈夫です。各段に「うまくいかないとき」の確認ポイントを用意しています。

まずは 段0：地図を出す から始めましょう。