サポート > チュートリアル > ドラッグ&ドロップ > Google Maps を利用する

本機能は Wagby Enterprise/Pro Unlimited/Pro でご利用いただけます。

準備

Google Maps は、Google 社が提供する Web 上のサービスで、世界中の地図情報を Web ブラウザに表示させることができます。

Wagby ではドラッグ&ドロップの対象となるデータに「住所」「緯度」「経度」が含まれていた場合、Google Maps に対応した Web アプリケーションを構築することができます。

Google Maps をご利用になる前に、次の手順を行う必要があります。

  • Google Maps オプションの概要を知る。
  • Google Maps API キーを取得する。
  • 緯度・経度情報を取得する。

ここでは、それぞれについて説明を行います。

Google Maps の概要

Google Maps オプションの詳細ならびにご利用にあたっての注意事項を以下のページに記載しています。はじめに、こちらをお読みください。

Google Maps API キーの取得

Google Maps を利用する場合、Google 社より「API キー」を取得する必要があります。 次のページに記載された手順に従い、この API キーを入手し、Wagby に登録してください。

Excelファイルの設定

ドラッグ&ドロップを行う Excel ファイルに対して、次の設定を行います。

ヘッダ(先頭行)のカスタマイズ

住所項目に対して、「:ADR」を付与します。また、緯度および経度を示す項目に対して、それぞれ「:LAT」および「:LON」を付与します。 これらのカスタマイズの詳細については、項目名の設定ルールをお読みください。

緯度経度データの設定

緯度および経度のデータは事前に設定する必要があります。一般に、住所から緯度、経度を求めるためには専用のツールを用います。

例えば、ジャスミンソフトが提供する「住所正規化コンバータ」は、住所から緯度、経度を求める機能を提供した製品です。このような製品を用いることで、簡単にデータに緯度経度を付与することができます。

演習

それでは、具体的な設定例をみていきましょう。ここではサンプルとして、日本の都道府県における県庁所在地リストを用意しました。

Excelファイルの例
図1 サンプルの Excel ファイル

ヘッダ(先頭行)の記述 項目名(日本語) 項目名(英語) 検索条件 一覧表示
都道府県名;name;CL 都道府県名 name
住所;address;ADR 住所 address
緯度;lat;LAT 緯度 lat
経度;lon;LON 経度 lon
URL;url;C URL url ×

(*1) 住所、緯度、経度はすべて検索条件および一覧表示に利用されます。これは Wagby の仕様です。

このファイルを Wagby アイコンにドラッグ&ドロップします。

構築された Web アプリケーションを実行すると、Google Maps に対応していることがわかります。

一覧表示
図2 一覧表示
詳細表示
図3 詳細表示

また、このときに(副産物として)生成された「Wagby 定義ファイル」をカスタマイズすることで、さらに詳細な設定を行うことができます。

ドラッグ&ドロップを行う前に、先に構築した Web アプリケーションの定義情報をクリアしておきましょう。 詳細については、「過去に作成したデータベース定義を削除したい。」をお読みください。