ポリゴンのマウスオーバーイベントが発生しない

Question

ボタンをクリックすると、いくつかのポリゴンパスを返すサーバサイドに対してAJAXリクエストが行われます。これらのポリゴンはマップ上に描画されます。

問題：mouseoverとmouseoutイベントのイベントハンドラを追加しました。しかし、彼らは発砲していないようです。ハンドラには、マウスオーバーで実行されないconsole.logが含まれています。これは何が原因でしょうか？

JSコードあなたはどちらかclickable: falseを削除するか確認する必要があり

$("#button").click(function() { 
    $.getJSON(base_url + 'main/get', 
       function(json) { 

        for(var i = 0; i < json.length; i++) { 

         decoded_path = google.maps.geometry.encoding.decodePath(json[i].encoded_path); 

         var polyOptions = { 
            strokeColor: "#4794b8", 
            strokeOpacity: 0.7, 
            strokeWeight: 1.5, 
            fillColor: "#000", 
            fillOpacity: 0.1, 
            path: decoded_path, 
            clickable: false, 
            map: map 
          } 
         var polygon = new google.maps.Polygon(polyOptions); 
         array_polyline.push(polygon); 

         // Add Mouseover/Mouseout Listeners 
         google.maps.event.addListener(polygon, "mouseover", function(){ console.log('Mouseover'); this.setOptions({fillOpacity: 0}); }); 
         google.maps.event.addListener(polygon, "mouseout", function(){ this.setOptions({fillOpacity: 0.1}); }); 

        } 

     }); 
}); 

Answer 1

は、それが（デフォルト）

あなたは（すなわちクリック）すべてのイベントにバインドするために持っていけない

しかしclickable: falseは、すべてのマウスを無効にしますclickable: trueイベント...