開発者が、早く簡単にカスタマイズ可能な地図を開発できるツールです

Geolonia Maps はベクトルタイルを採用。道路や建物などが WebGL でレンダリングされています。JavaScript によって個々のオブジェクトのプロパティにアクセスすることで、用途に合わせたデザイン、UXを追求した自由度の高いカスタマイズが可能です。
様々なデータを統合し、用途に合わせたカスタマイズ性・デザイン性の高い地図を作成、管理できます。

Geolonia

豊富なサンプルをお試し、そのままご利用いただけます

Geolonia の CodePen には50種類以上のサンプルやチュートリアルがあり、フォークしてそのまま自分の環境でお試しいただけます。

Geolonia のマーカー
Geolonia

地図の表示

下の様に数行のコードを書くだけで、地図を表示できます。

CodePen で編集

マーカーのカスタマイズ

マーカーをカスタマイズして会社のロゴを表示することもできます。

CodePen で編集

スタイルのカスタマイズ

地図の背景色を変更して、ブランドカラーにあった地図を作成することもできます。GUIツールを使うとより細かい調整も可能です。

CodePen で編集 より高度なカスタマイズについて

複数マーカーの表示

複数のマーカーやポップアップを表示させることも可能です。

CodePen で編集

大量のデータホスティング

Geolonia の位置情報ホスティングサービスを使うと大量のデータを地図上に表示できます。ベクトルタイルを生成するため動作も軽快です(近日公開予定)

3D表示

建物の 3D 表示に対応した地図スタイルも用意しています。

CodePen で編集

以下のサービスではユーザー登録不要、表示回数も制限なく無料でお使いいただけます

GitHub Pages、CodePen などのサービスやlocalhostで利用する場合はユーザー登録不要で、表示回数の制限もなく無料でご利用いただけます。

GitHub Pages

CodePen

JSFiddle

CodeSandbox

GitHub Pages(https://*.github.io) ※ 独自ドメインは対象外。