Javascript 重叠功能顺序谷歌地图

我如何在javascript中以编程的方式定义当它们重叠时哪个特性位于另一个特性之上

在这张图片中，我点击了较小的地理特征，但是出现了外部地理特征的信息。我想通过编程将较小的功能放在顶部

下面是用javascript填充地图的my代码-

map.data.loadGeoJson（“”）；
map.data.setStyle（函数（特性）{
让颜色=灰色；
console.log（特性）；
if（feature.getProperty（'isColorful'））{
颜色=‘蓝色’；
}
返回({
fillColor:color，
strokeColor：颜色，
冲程重量：1
});
});
map.data.addListener（'click'，函数（事件）{
让name=event.feature.getProperty（'name'）；
让contentString='Polygon Info
'；
contentString+=''；
如果（姓名）{
contentString+='名称：'+Name+'
'；
}        
contentString+='
'；
让infowindow=new google.maps.infowindow({
content:contentString，
位置：event.latLng
});
打开（地图）；
event.feature.setProperty（'isColorful'，true）；
});

---

注意，我颠倒了geojson文件本身中功能的顺序，这并没有改变行为

您可以使用feature的z-index属性。假设您可以将一个功能条目与另一个功能条目进行伪装，您可以根据需要在

setStyle（）

函数中调整z-index，只需计算出适当的值即可

return ({
  fillColor: color,
  strokeColor: color,
  strokeWeight: 1,
  zIndex: zIndex
});

或在鼠标进入时更新z索引

map.data.addListener('mouseover', function(e) {
  map.data.overrideStyle(e.feature, {
  //strokeColor: '#1e3a2a',
  //strokeWeight: 2, /* can also change these like hover effect */
   zIndex: 6
  });
});

map.data.addListener('mouseout', function(e) {
  map.data.revertStyle();
});

---

您可以使用feature的z-index属性。假设您可以将一个功能条目与另一个功能条目进行伪装，您可以根据需要在

setStyle（）

函数中调整z-index，只需计算出适当的值即可

return ({
  fillColor: color,
  strokeColor: color,
  strokeWeight: 1,
  zIndex: zIndex
});

或在鼠标进入时更新z索引

map.data.addListener('mouseover', function(e) {
  map.data.overrideStyle(e.feature, {
  //strokeColor: '#1e3a2a',
  //strokeWeight: 2, /* can also change these like hover effect */
   zIndex: 6
  });
});

map.data.addListener('mouseout', function(e) {
  map.data.revertStyle();
});