Pegman icon of google.maps.StreetViewPanorama goes behind marker on map
<p>I am using external library MarkerWithLabel to create markers on map. Also marker icon used is font-awesome icons. I am also using google.maps.StreetViewPanorama to display street view of marker. But there is one issue, when I drag pegman icon and hover over marker the pegman icon is displayed behind marker but I want pegman icon to display above marker. I tried to set z-index of marker but no use. For better understanding I have create example in (jsfiddle <a href="http://jsfiddle.net/t4v8nhoq/11/" rel="nofollow">http://jsfiddle.net/t4v8nhoq/11/</a>) .</p>

<pre><code>var map;
var panorama;
var streetView;

function initialize() {

map = new google.maps.Map(
    document.getElementById("map_canvas"), {
        zoom: 14,
        center: new google.maps.LatLng(54.976, -2.021),
        mapTypeId: google.maps.MapTypeId.ROADMAP
    });

panorama = new google.maps.StreetViewPanorama(
    document.getElementById("pano")
    );

map.setStreetView(panorama);

streetView = map.getStreetView();

streetView.setPosition( new google.maps.LatLng(54.976, -2.021) );

var icon = {
        html: '&lt;span class="fa-stack"&gt;&lt;i class="fa fa-circle fa-stack-2x"&gt;&lt;/i&gt;&lt;/span&gt;'
    };
var marker = new MarkerWithLabel({
    position: new google.maps.LatLng(54.975, -2.020),
    icon: ' ',
    labelContent: icon.html,
    labelAnchor: new google.maps.Point(95, 20),
    labelClass: "labels",
    labelStyle: {
        opacity: 0.75
    },
    zIndex: null,
    map: map
});

}
</code></pre>

<p>Please look into this link. Take the pegman icon over marker. Please give me some solution to solve this issue.</p>