マッシュアップ

2.郵便番号からGoogleMapを表示する

さてマッシュアップで郵便番号からGoogleMapを表示するサイトを作成します。

1.フォーム画面
フォーム画面の作成です。
郵便番号を入力するテキストと表示ボタンを配置します。

submitで入力された郵便番号を元に、
住所を検索し、GoogleMapを表示させるphpにPOSTさせます。

2.郵便番号から住所を検索する。
郵便番号検索APIなるものがあります。
フリーで利用できますが、リンクを張る必要があります。

使い方は、簡単で郵便番号をリクエストするだけです。
XMLもしくは、CSVで結果を取得できます。

結果をXMLでもらう形にしました。
phpでsimplexml_load_fileで読み込みを行います。
あとは、受け取ったXMLで住所を取得するだけです。

3.GoogleMapを表示する
Google Map APIにてAPIキーの取得を行います。
サンプルのコードが取得できます。

load時に、map.setCenter(new GLatLng(経度,緯度), 13)にて、
Mapの中央を指定して、初期化を行います。

var point = new GLatLng(経度, 緯度);
map.addOverlay(new GMarker(point));
を付け加えることで、Mapにマークを付与することができます。

4.住所から経度、緯度を取得
GoogleMapを表示する時に、経度、緯度が必要なので、
住所から経度と緯度を取得します。

http://maps.google.com/maps/geo?
key=APIキー
&output=xml
&ie=UTF8
&q=URLエンコードした住所
これで取得が行えます。
simplexml_load_fileで読み込んで、経度と緯度を取得します。

5.住所からGoogleMapを表示する
住所から経度、緯度の取得が行えたので、
取得した値を、配置してGoogleMapを表示させます。

それで完成です。
郵便番号からGoogleMapを表示

6.課題
郵便番号だと、「東京千代田区丸の内」までしか取得できないです。
企業だと郵便番号でフル住所まで割り当てられている場合があるので、
ピンポイントに表示ができるのですが、一般の人の郵便番号では表示できないです。

活用方法よくわからないので、どのように利用したらいいのか不明です。

戻る

xml E-Mail
Copyright (C) 2008 マッシュアップのお勉強(備忘録). All Rights Reserved.