谷歌地图v3 API与鼠标悬停GeoJson多边形

Question

如何让mouseover事件与谷歌地图一起使用Api V3多边形形状？

我不能在鼠标悬停时触发事件。

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 S上的风格鼠标事件：

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

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