Javascript 更改Google地图图层的z顺序

我在谷歌地图上有3层。第一个是一组多边形。第二个是一组标记。第三个是热图

我正在使用以下脚本库

<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&signed_in=true&libraries=visualization"></script> 
<script src="https://www.google.com/jsapi?autoload={'modules':[{'name':'visualization','version':'1.1','packages':['intensitymap']}]}"></script>

然后是多边形

var  polygons = new google.maps.FusionTablesLayer({
     query : {
       select : 'Polygons',
       from : 'xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx' 
     },
    map : MAP,
    suppressInfoWindows : true});

然后是标记，其中一个是

var marker = new google.maps.Marker({
  position: new google.maps.LatLng(-28.8, 152.5),
  map: MAP,
  icon: 'http://maps.google.com/mapfiles/ms/icons/red-dot.png',
  title: "Tabulam"});

然后是热图（缩写）

所有这些都封装在一个函数中并用

google.maps.event.addDomListener(window, 'load', initialize);

---

我遇到的问题是，热图在多边形后面被遮挡了。我该如何提出？或者，如何将多边形向右推到后面？

看起来您甚至还不能这样做。我看到一些帖子建议更改顺序，甚至在设置地图布局之间添加时间延迟，但我修改了示例并创建了这个小提琴，您可以在其中手动切换这两件事，结果似乎表明顺序并不重要存在，只是不在或中

var heatmapLayer = new google.maps.visualization.HeatmapLayer();
var heatData = [
{location: new google.maps.LatLng(-30.3, 153.1), weight: 102}]
heatmapLayer.setData(heatData);
heatmapLayer.setOptions({opacity:1, radius:50});
heatmapLayer.setMap(MAP);

google.maps.event.addDomListener(window, 'load', initialize);