Google maps api 3 google.maps.StreetViewPanorama的Pegman图标位于地图标记的后面

我正在使用外部库MarkerWithLabel在地图上创建标记。同样使用的标记图标是字体图标。我还使用google.maps.StreetViewPanorama来显示标记的街景。但有一个问题，当我拖动pegman图标并将鼠标悬停在marker上时，pegman图标显示在marker后面，但我希望pegman图标显示在marker上面。我试图设置标记的z索引，但没有用。为了更好地理解，我在（jsfiddle）中创建了一个示例

var映射；
var全景图；
var街景；
函数初始化（）{
map=新建google.maps.map(
document.getElementById（“地图画布”）{
缩放：14，
中心：新google.maps.LatLng（54.976，-2.021），
mapTypeId:google.maps.mapTypeId.ROADMAP
});
panorama=新建google.maps.StreetViewPanorama(
document.getElementById（“pano”）
);
地图设置树视图（全景）；
streetView=map.getStreetView（）；
街景。设置位置（新谷歌。地图。LatLng（54.976，-2.021））；
变量图标={
html:'
};
变量标记=新标记WithLabel({
位置：新google.maps.LatLng（54.975，-2.020），
图标：“”，
labelContent:icon.html，
labelAnchor：新的google.maps.Point（95,20），
labelClass:“标签”，
标签样式：{
不透明度：0.75
},
zIndex:null，
地图：地图
});
}

---

请查看此链接。将佩格曼图标置于标记上方。请给我一些解决这个问题的方法。

您可以使用此代码

var marker1 = new google.maps.Marker({
position: new google.maps.LatLng(54.975, -2.020),
map: map}); 
google.maps.event.addListener(
marker1,
'click',
function(){ document.getElementById("listener").innerHTML +=
"marker clicked<br>";
});
}

var marker1=新的google.maps.Marker({
位置：新google.maps.LatLng（54.975，-2.020），
map:map}）；
google.maps.event.addListener(
marker1，
“点击”，
函数（）{document.getElementById（“侦听器”）.innerHTML+=
“单击标记
”；
});
}

或查看此页

var marker1 = new google.maps.Marker({
position: new google.maps.LatLng(54.975, -2.020),
map: map}); 
google.maps.event.addListener(
marker1,
'click',
function(){ document.getElementById("listener").innerHTML +=
"marker clicked<br>";
});
}