2016-08-05 118 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

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

相關問題