Thgoogle ヘルパー

このエントリーをはてなブックマークに追加
[`google_buzz` not found]

CakePHPでGoogleMAPの表示サポートをするヘルパーです。
ThgoogleヘルパーでサポートしているGoogleMAPのAPIバージョンは「v3」のみとなります。
「v3」になることでAPIキーが必要なくなったので、ここぞとばかりに作成しました(笑

ダウンロードは下記リンクよりダウンロードしてください。

Thgoogle v1.0.0

利用方法

1. コントローラーにThgoogleヘルパーを追加してください。

var $helpers = array('Html', 'Form', 'Thgoogle');

2. ビューでの基本的な記述は以下です。

googlemap();?>

「googlemap()」には引数が4つ存在します。
・第1引数ではGoogleMAPを表示するための「div」タグが自動で生成されますので、
その生成されるタグのDOMIDを半角英数の文字列で指定します。

・第2引数ではGoogleMAPの表示するためのオプションを指定します。
指定の記述例は次のようになります。
※記述されている値は初期値です。

$option=array(
		'width'=>'500',//DIVの横幅
		'height'=>'500',//DIVの高さ
		'zoom'=>'12',//マップのZOOMレベル[0-19]を指定
		'lat'=>'35.65861',//経度
		'lng'=>'139.745447',//緯度
		'marker'=>true,	//第3引数が存在しない場合に自動でマーカーを出力するかどうか
		'title'=>NULL,//マーカーのタイトル
		'type'=>'R',//GoogleMAPのタイプ タイプの指定は→[R|S|H|T]
		'scripts'=>NULL//その他追加するJavaScriptコード
);

・第3引数では出力されたGoogleMAPにマーカーを付ける場合に利用します。
また、付けるマーカーは複数可能です。
指定の方法は次のようになります。

$marker=array(
 	'marker1'=>array(//1つ目のマーカー
 		'lat'=>'',//マーカーの経度
 		'lng'=>'',//マーカーの緯度
 		'title'=>''//マーカーのタイトル
 	),
 	'marker2'=>array(//2つ目のマーカー
 		'lat'=>'',//マーカーの経度
 		'lng'=>'',//マーカーの緯度
 		'title'=>''//マーカーのタイトル
 	)
 )

・第4引数では出力されているマーカーに対して、クリックをすると
吹き出しテキスト機能を付けることができます。指定の方法は次のようになります。
※配列のキーにはマーカーのキー名を記述するように注意してください。

$infowindow=array(
 	'marker1'=>array(
 		'string'=>'',//出力文字列
 		'width'=>'',//吹き出しの横幅
 		'height'=>''//吹き出しの縦幅
 	)
)

利用方法は以上となります。
現在のところはGoogleMAPを自動で出力することと、マーカー+コメント表示のみの機能を搭載しています。

ご不明点等ありましたら、ご連絡いただけたら幸いです。

シェアする

  • このエントリーをはてなブックマークに追加

フォローする