Geolonia Maps を使って観光マップを作ろう！

資料URL

イベント中に共有した資料のURLを貼っておきます。ご参考にしてください。

• https://docs.geolonia.com/cookbook/highlight_prefectures/ (カスタムコントロールのセレクトボックスで選択した都道府県をハイライト表示する)
• https://community-geocoder.geolonia.com/ (コミュニティジオコーダー)
• https://blog.geolonia.com/2022/05/17/pwamap-manual-setup.html (PWAマップ初期設定方法)
• https://maplibre.org/maplibre-gl-js-docs/api/ (MapLibre GL JS ドキュメント)
• https://codepen.io/naogify/pen/xxaGpEg (Javascript で 3Dのビルを表示する)

概要

Geolonia Maps を使ってオリジナルの観光マップを作成するハンズオンを開催します。 以下の様な機能を使って観光マップの作成を体験して頂きます。

• 複数のスポットマーカーを配置
• マーカーをクリックして、ポップアップを表示
• ポップアップ内に説明文や画像、URL を追加
• クラスタリング機能

このイベントは、Web開発者、観光関係者、地図好きな人にオススメです。 イベントの最後には作成した観光マップをお持ち帰りいただけます。

HTMLやCSSの基本的な知識さえあれば参加いただけます。
ご興味のある方は是非お気軽にご応募下さい！

時間

2023年2月17日 18:00 ~ 19:30

場所

Zoom （ご登録頂いた方にメールでURLをお送りします）

スケジュール

開場は17:50です。18:00より開始となりますので、それまでにご参加開始いただくとスムーズです。 （途中からでもお気軽にご参加ください）

• 開会挨拶
• アンケート（どんなことがしたいのかなど）
• Geolonia Maps のご紹介
• ハンズオンセッション
• 質疑応答、要望、フィードバックタイム

参加費

無料

定員

20名

Geolonia （ジオロニア）って？

Geolonia は、地図の設置とデザインをどこよりも簡単にできるようにしているスタートアップです。

• ウェブサイト: https://geolonia.com/
• 地図のデモページ: https://geolonia.com/maps-dev
• ドキュメンテーション: https://docs.geolonia.com/
• サンプルコード: https://codepen.io/geolonia
• Twitter: https://www.twitter.com/geoloniamap
• Facebook: https://www.facebook.com/geolonia