3

我一直在与 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);
4

2 回答 2

1

更新 2（2016 年 9 月 22 日）：

这个黑客越来越难以管理，但现在，这里是更新的代码：

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>。

于 2013-10-19T03:01:47.627 回答
0

这是解决此客户端的一种方法：z-Index overlay in google maps version 3

于 2012-12-01T03:34:57.640 回答