google-maps-api-3 - 在多边形叠加层之上显示自定义 MapType

Question

我一直在使用 Gheat 创建自定义热图作为 ImageMapType。我还有一些颜色编码的多边形，我想在热图创建的高光下方显示。

但是，自定义 ImageMapType 始终呈现在多边形下方，并被它们遮挡。我该如何解决这个问题？

示例代码如下:

 var heatmap = new google.maps.ImageMapType({
        getTileUrl: function(coord, zoom) {
    ...
    });

    var mapOptions = {...};
    var map = new google.maps.Map(document.getElementById("map_canvas"),
        mapOptions);

var neighborhood1 = new google.maps.Polygon({...});
neighborhood1.setMap(map);
... lots of polys ...

    map.overlayMapTypes.insertAt(map.overlayMapTypes.length -1, heatmap);

Answer 1

更新 2(2016 年 9 月 22 日):

这个 hack 越来越难管理，但现在，这是更新后的代码:

el.firstChild.firstChild.firstChild.firstChild.firstChild.style.zIndex = 102

更新:

原始答案的代码停止工作。这个新代码对我有用:

el.firstChild.firstChild.firstChild.firstChild.style.zIndex = 102

102是让它工作的最小 zIndex。为了安全起见，你可以把它调高很多。

原答案:

我不希望它必须走到这一步。这是我的解决方案。

el.firstChild.firstChild.firstChild.childNodes[3].style.zIndex = 300

在哪里el是<div> map 在里面。