SYSTEM
エリアマップ自動生成・埋め込みツール「areamap」
出張サービスや配送などの対応エリアを、地図で見せるツールです。市区町村名を入力すると、境界線が自動で描かれ、色分けもできます。作った地図は、サイトに埋め込めるコードとして出力できます。
- OpenStreetMap・Leaflet の活用
- サイト埋め込みコードの自動生成
- GeoJSONデータの入出力
Overview事例の概要
- お客様
- エリアマップ自動生成・埋め込みツール「areamap」
- 業種
- 自社ツール
- 担当した範囲
- OpenStreetMap・Leaflet の活用／サイト埋め込みコードの自動生成／GeoJSONデータの入出力
- 制作期間
- 約1か月
Story制作の背景
課題から、成果まで。
- 課題
対応エリアの地図を、手作業で作る手間
出張サービスや配送の対応エリアを、地図で伝えたいという声が多くありました。画像を手作業で作ると、エリアが変わるたびに作り直しになり、手間がかかっていました。
- 提案
同じ色のエリアは結合、別の色のエリアは境界線を表示
見やすさと実用性を重視した処理にしています。作った地図は、埋め込み用のiframeコードとして出力でき、JSON形式のデータの入出力にも対応しています。
- 成果
エリアが変わっても、すぐに作り直せる
市区町村名を入れるだけで、地図が作れます。エリアが変わったときも、データを書き換えて、埋め込みコードを貼り替えるだけで済みます。