jquery ui mapについて
jquery ui mapを使って以下のようなソースで
マーカーを表示させ、MarkerClustererでマーカをまとめています。
$('#map_canvas').gmap({ 'center': new google.maps.LatLng(35.873686,139.657075)}).bind('init', function(evt, map) {
var data = new Array();
data.push({lat:'35.681382', lng:'139.766084',name:'東京駅',images:'http://google-maps-icons.googlecode.com/files/friends.png'});
data.push({lat:'35.684801', lng:'139.766086',name:'大手町駅',images:'http://google-maps-icons.googlecode.com/files/friends.png'});
for ( var i = 0; i < data.length; i++ ) {
$('#map_canvas').gmap('addMarker', { 'icon': data[i].images,'position': new google.maps.LatLng(data[i].lat, data[i].lng) } ).click(function() {
$('#map_canvas').gmap('openInfoWindow', { 'content' : data[i].name });
});
}
$('#map_canvas').gmap('set', 'MarkerClusterer', new MarkerClusterer(map, $(this).gmap('get', 'markers')));
});
マーカーの緯度経度とインフォウィンドウの内容を配列にしています。
配列の緯度経度からマーカーは表示できたのですが、
マーカーをクリックすると、インフォウィンドウが開かず、「undefined」となります。
わかる方、ご教授宜しくお願いいたします。
お礼
ありがとうございました。