简单的谷歌地图标记点击事件?

时间:2014-08-05 11:36:29

标签: javascript jquery google-maps

当用户点击gmap标记时,是否可以使用jQuery或js进行简单的行为?

当我们点击地图上的标记时,只需尝试使用ajax在外部div中加载一些内容。这样的事情将是一个良好的开端(不工作):

    google.maps.event.addListener(marker, 'click', function() {
                alert("ciao");
     });

1 个答案:

答案 0 :(得分:2)

var myLatlng = new google.maps.LatLng(-25.363882,131.044922);
var mapOptions = {
    zoom: 4,
    center: myLatlng,
    mapTypeId: google.maps.MapTypeId.ROADMAP
}

var map = new google.maps.Map(document.getElementById("map_canvas"), mapOptions);

var contentString = '<div id="content">'+
'<div id="siteNotice">';

var infowindow = new google.maps.InfoWindow({
    content: contentString
});

var marker = new google.maps.Marker({
    position: myLatlng,
    map: map,
    title:"Uluru (Ayers Rock)"
});

google.maps.event.addListener(marker, 'click', function() {
    infowindow.open(map,marker);
});