GoogleマップGeoJsonポリゴンレイヤーを使用したv3 APIマウスオーバー

Question

Googleマップで動作するようにmouseoverイベントを取得する方法Api V3 for Polygon shapes？

マウスオーバーでイベントが発生することはありません。

var data_layer25 = new google.maps.Data({ map: map }); 
           data_layer25.loadGeoJson('http://example.com/Assets/GeoJson/USA-MO.GeoJson'); 
           data_layer25.setStyle({ 
              fillColor: ' #808000 ', 
              strokeWeight: 1 
            }); 
           google.maps.event.addListener((data_layer25), "click", function() { window.location = "/RepTerritory/index/9" }); 
        google.maps.event.addListener((data_layer25), "mouseover", function() { 
          this.setOptions({ fillColor: "#00FF00" }); 
        }); 

        google.maps.event.addListener((data_layer25), "mouseout", function() { 
          this.setOptions({ fillColor: "#FF0000" }); 
      }); 
      data_layer25.setMap(map); 

Answer 1

は、マウスイベントにData Layer秒のスタイルを変更するためにこれを使用してみてください：

data_layer25.addListener('mouseover', function(e) { 
    data_layer25.setStyle({ 
     fillColor: "#00FF00" 
    }); 
}); 

data_layer25.addListener('mouseout', function(e) { 
    data_layer25.setStyle({ 
     fillColor: "#FF0000" 
    }); 
});