ke-tai.org ケータイサイト開発に関わる記事・情報を紹介

先日もご紹介したばかりのAsial blogに、ケータイでGoogleMapを手軽に表示するための、PHPクラスのサンプルコードが公開されています。

→　Asial blog　携帯でGoogleMapを手軽に表示するPHPクラス [asial.co.jp]

ご存知の通りGoogleMapは、PC版ではJavaScriptを使って表示していますが、ケータイではJavaScriptが利用できないため、画像として出力することで地図を表示させています。

それでは実際にAsial blogにあるコードを利用して、ケータイから地図を表示してみましょう。

(1) 「GoogleMobileMapView.php」を作成
Asial blog上のGoogleMobileMapViewクラスをコピペして、PHPファイルを作ります。
ファイル名は「GoogleMobileMapView.php」としました。
サンプルコードはPHP5用なので、PHP4で動くように次の箇所を修正しました。
・「private」「public」などを取り除く
・クラス変数（5～8行目）の前に「var」を付ける

(2) 表示用のプログラム「index.php」を作る
こちらはサンプルを元に少し修正しました。
（ドコモの場合はGIF、その他の場合はPNGを出力するようにしました）
修正後のコードは次の通りです。

<?php
// GoogleMobileMapViewクラスの読み込み
require_once ("./GoogleMobileMapView.php");

// マーカーの座標を指定
$points = array();
$points[] = array(
	'latitude' => 43068637,
	'longitude' => 141350795,
	'iconid' => 15
);

// DoCoMoはGIF、それ以外はPNG
if (preg_match('/^DoCoMo/', $_SERVER['HTTP_USER_AGENT'])) {
	$img_format = '1';
} else {
	$img_format = '2';
}

// 表示サイズ、ズームを設定
$img_arr = array(
	'w' => 220,
	'h' => 300,
	'z'=> 2,
	'image_format' => $img_format
);

// 表示処理
$gmap = new GoogleMobileMapView();
$gmap->setUrl(43068637, 141350795, $img_arr, $points);
$gmap->viewPicture();
?>

(3) ケータイからindex.phpを表示する

ばっちり表示されてます。
素晴らしいですね。
マーカーの座標も配列で複数指定できるようです。

なお、このGoogleMapの表示に使っているAPIについての解説は、こちらが詳しいとのことです。

→　anoncom.Lab.　Google mapの地図画像を携帯から利用する方法2 [anoncom.net]

関連：

• Asial blogで絵文字データベースと相互変換マッピングデータベースのJSONファイルが公開されています
• 「Google Chart API」をケータイから使ってみる