地図とWebは相性が良いです。移動中に地図を見たいと思うことは多いですし、旅行や出張前に計画を立てる上でも地図が必要です。それもあり、Googleマップをマッシュアップする地図サービスは無数に存在します。 今回紹介するBootLeafはそんな地図マッシュアップのベースになるようなソフトウェアです。様々な情報を地図に載せやすくなっています。

BootLeafの使い方

地図が右側に、表示している情報が左側に一覧になっています。

左のリストから選ぶと該当するデータがハイライトします。

さらに詳細なデータはモーダルで表示されます。

データは検索でインクリメンタルに絞り込めます。

ラインデータの表示もサポートされています。

データはチェックボックスで表示/非表示が切り替えられます。

BootLeafを使えば地図と独自のデータを組み合わせた表示が簡単に実現できます。データの一覧表示や検索機能を使えば、ユーザビリティの高い地図アプリケーションが提供できるでしょう。デザインもBootstrapを使っているので拡張が容易そうです。

BootLeafはHTML5/JavaScript製のオープンソース・ソフトウェア（MIT License）です。

BootLeaf bmcbride/bootleaf: Template for building simple and elegant web mapping applications with Bootstrap and Leaflet