Javascript 更改google地图数据图层点的z索引

我已经创建了一个谷歌地图，上面的圆圈相互重叠，当我在重叠的圆圈上盘旋时，该圆圈的z索引应该改变，并且应该位于其他圆圈的顶部。有一种方法可以对标记执行此操作，如此链接中的“ " . 但我想对数据层创建的点执行此操作，这是我的fiddle示例

你可以用它来实现它

在存储zIndex的位置设置一个变量，并在

setStyle

中应用此zIndex

    var zIndex=1;
    //Setting style for markers circles.
    function styleFeature(feature) {
       return {
            icon: {
                path: google.maps.SymbolPath.CIRCLE,
                strokeWeight: 2,
                strokeColor: 'white',
                fillColor: 'blue',
                fillOpacity: 1.0,
                scale: 7
            },
             zIndex:zIndex
        };
    }

然后添加一个鼠标悬停侦听器，在其中增加zIndex并将其应用于功能：

map.data.addListener('mouseover', function(event) {
       map.data.overrideStyle(event.feature, {zIndex: ++zIndex});
});

演示：

map.data.addListener('mouseover', function(event) {
       map.data.overrideStyle(event.feature, {zIndex: ++zIndex});
});