WordPressにGoogle Maps API V3！

◆ Google Maps API v3 /jQTouchを使ったGoogle Mapでのclickイベントについて jQtouchをつかったGoogle MapのiPhone（アイフォン）用サイトで、google.maps.event.addListener(map, ‘click’, function()のクリックイベントが機能しないことに気がついた。ほんと知らないことばかり、でどうすればいい。

	google.maps.event.addListener(map, 'click', function() //◆地図をクリックした時
	{
	center = map.getCenter();
	searchLocationsNear(center);
	});

あれ?なんで？ そおなんです。通常のサイトで動くscriptが、jQTouchだと動かなくなることが・・・・・ よくよくGoogleのフォーラムをみていたら、jQTouchの場合、jQueryのクリックコマンドがあるとのこと。 jQueryで、マップのHTML要素”map_canvas”がクリックされた場合のイベント命令とすればよいとの理解。 jQueryのclick()を使って次のようなすればいいらしい。

$('#map_canvas').click(function(){
	center = map.getCenter();
	searchLocationsNear(center);
});

試したら、動作しました。ふーんなるほど。 しかし、これだとマップクリックイベントとだけでなく、何でもかんでもclickイベントが発生してしまいます。

◆ Google Maps API v3　jQueryのクリックイベントでマーカーを読み込むデモ

• iPhone（アイフォン）用jQTouchを使った地図サイトでクリックイベントを使えるようにする。・・・・・iPhone（アイフォン）用デモなので、PCからはGoogle Chromeで

2011/4/2

ここ数ヶ月問題を解決できなかったのですが、google mapのアイコンをタップしても無視されて？インフォウィンドウが表示されない問題があったのですが、解決できました。

コチラ→「jQTopuch　iPhone（アイフォン）のgoogle map でaddListenerのmarker click　イベント（event）が働かなくなった。」

◆参照先

• Googleグループ　Google maps + Jqtouch

◆Google Maps JavaScript API V3

• Google Maps API v3 目次に戻る

スポンサードリンク