Кликабельный InfoBubble в Google Maps API 3
Добрый день! Я просто хочу спросить, может ли InfoBubble иметь слушателя. Я попытался вставить текст InfoBubble в div и вставить туда команду onclick, но ничего не произошло.
Заранее спасибо. Кстати, я в настоящее время разрабатываю приложение для Android и использую webview для отображения карты.
2 ответа
Решение
Хорошо, jetpro,
Вот что я делаю в похожем сценарии с использованием JavaScript:
/* json data object requires:
data.Id,
data.Lat,
data.Lng,
data.Name,
data.Address,
data.Date
*/
function DisplayMapEvent(data, targetDiv) {
var latlng, options, map, contentString, infowindow, marker;
// setup our variables
latlng = new window.google.maps.LatLng(data.Lat, data.Lng);
options =
{
zoom: 15,
center: latlng,
mapTypeId: window.google.maps.MapTypeId.ROADMAP
};
// create the map inside our map <div> and apply the options
map = new window.google.maps.Map(document.getElementById(targetDiv), options);
map.setOptions(options);
// info to display in the infowindow popup
contentString =
'<div>' +
'<b style="color: #DC6852;">' + data.Name + '</b><br />' +
'Where: ' + data.Address + '<br />' +
'When: ' + data.Date + '<br />' +
'</div>';
// info/marker and popup objects setup
infowindow = new window.google.maps.InfoWindow({
content: contentString
});
marker = new window.google.maps.Marker({
position: latlng,
map: map
});
// add the usual suspect event handlers
window.google.maps.event.trigger(map, 'resize');
// to allow us to repoen a map marker infowindow if closed
window.google.maps.event.addListener(marker, 'click', function () {
infowindow.open(map, marker);
});
// open infowindow on map once rendered
infowindow.open(map, marker);
// sit back and wonder at the glory of google maps mow :-)
}
В моем случае я передаю объект JSON в DisplayMapEvent
функции, но вы можете настроить это по своему усмотрению. Эта функция вызывается в любое время, когда я хочу добавить новый маркер на свою карту, чтобы вы могли поднять этот оптовый и рефакторинг по мере необходимости.
Надеюсь это поможет.
Добавить слушателя, как это
google.maps.event.addDomListener(infoBubble2.bubble_, 'click', function(){..});
Повеселись!