2010-12-07 11 views
0

クリックイベントをGoogleマップにアタッチする方法がわかりません。マーカでのみ行うことはできますか?私もjQueryのを使用してみましたGoogleマップにクリックイベントを添付する

google.maps.event.addListener(map, 'click', function() { 
    console.log('clicked'); 
}); 

が、それは私がオーバーレイとは何かを推測している二つの事象、キャッチ:これは何もしていないようだ をEDIT:いくつかの馬鹿が開始します地図を2度表示し、同じ機能、したがって2つのイベントでイベントを添付しました。 jQueryも同様に機能し、実際にはより多くのイベントを処理できます。

$('#placeholder').click(function() {console.log('clicked');}); 

私に何かが不足していますか?

答えて

1

にクリックイベントハンドラを取り付ける例を示します。キャッシュなしでページをリロードするには(Ctrl + F5)を押してください。

<!DOCTYPE html> 
<html> 
<head> 
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" /> 
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/> 
<style type="text/css"> 
    html { height: 100% } 
    body { height: 100%; margin: 0px; padding: 0px } 
    #map_canvas { height: 100% } 
</style> 
<title>Google Maps Example</title> 
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true"></script> 
<script type="text/javascript"> 
    function initialize() { 
     var myLatlng = new google.maps.LatLng(-34.397, 150.644); 
     var myOptions = { 
      zoom: 3, 
      center: myLatlng, 
      mapTypeId: google.maps.MapTypeId.ROADMAP 
     } 
     var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions); 

     google.maps.event.addListener(map, 'click', function() { 
      console.log('clicked'); 
     }); 
    } 
</script> 
</head> 
<body onload="initialize()"> 
    <div id="map_canvas"></div> 
</body> 
</html> 
+0

これはとてもリフレッシュされました! 0_o – Shagglez

+0

今、私はmouseupイベントで同じ問題を抱えており、Ctrl + F5はもう役に立たない... – Shagglez

1

地図の名前が間違っていますか?コード全体を表示してください。ここで

は、あなたのコードは私の作品マップ

http://jsfiddle.net/galen/EXRSD/

+0

これは、ハードリフレッシュした後でも、私にとってはうまくいかない例です。 – Shagglez

+0

はアラートコードに誤りがありましたが、krefftcの提案はうまくいきました。 – Galen

関連する問題