2016-08-05 112 views
-2

有谁知道如何将点击事件添加到JavaScript的谷歌地图信息窗口? 我希望能够从弹出信息窗口中获得点击事件。 这可能吗?如何添加点击事件到谷歌地图infowindow在JavaScript

+1

是的,它是possible.Write你谷歌你在哪里渲染信息窗口他,我会修改你的答案 – mean

+4

重复的问题地图代码的工作:http://stackoverflow.com/questions/12102598/trigger-event-with-infowindow -in-infobox-on-click-google-map-api-v3 – codeGig

回答

2
<!DOCTYPE html> 
<html> 
<head> 
<script 
src="http://maps.googleapis.com/maps/api/js"> 
</script> 

<script> 
var myCenter=new google.maps.LatLng(51.508742,-0.120850); 

function initialize() 
{ 
var mapProp = { 
    center:myCenter, 
    zoom:5, 
    mapTypeId:google.maps.MapTypeId.ROADMAP 
    }; 

var map=new google.maps.Map(document.getElementById("googleMap"),mapProp); 

var marker=new google.maps.Marker({ 
    position:myCenter, 
    }); 

marker.setMap(map); 

var infowindow = new google.maps.InfoWindow({ 
    content:"<button onclick='xyz()'>abcd</button>" 
    }); 

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

google.maps.event.addDomListener(window, 'load', initialize); 

function xyz(){ 
alert('Hello') 
} 
</script> 
</head> 

<body> 
<div id="googleMap" style="width:500px;height:380px;"></div> 
</body> 
</html> 

请检查这会为你

+0

谢谢,据我所知我们只能在弹出窗口中添加按钮并获取按钮点击事件,其他解决方案不是。? – Developer

+0

这是可能的,我会尽快更新代码 – mean

+0

谢谢你,你救了我的一天....... :-) –