如何控制標記是谷歌地圖的JavaScript哪一層？

Question

我相信這個問題已經回答了，但我不能找到它。 如何更改標記的標記層上谷歌地圖V3的JavaScript API？

例如圖像中的下面我想要的總線圖標出現上述所有T圖標。

我的公交車圖標是由這樣的：

var image = { 
    url: getIconUrl(bus.num), 
    anchor: new google.maps.Point(30,30) 
    }; 
    var marker = new google.maps.Marker({ 
    position: new google.maps.LatLng(bus.Latitude, bus.Longitude), 
    map: $scope.map, 
    animation: google.maps.Animation.DROP, 
    icon: image 
    }); 

我T圖標是由這樣的：

var image = { 
    url: stopIcon 
    }; 
    var marker = new google.maps.Marker({ 
    position: new google.maps.LatLng(stop.Latitude, stop.Longitude), 
    map: $scope.map, 
    icon: image 
    }); 

這輛巴士後T因爲T總是做本地存儲的地方是公交車是實時數據並按需提供。

Answer 1

你可以設置zIndex按需要爲您的標記

，如：

var marker = new google.maps.Marker({ 
    position: new google.maps.LatLng(stop.Latitude, stop.Longitude), 
    map: $scope.map, 
    icon: image, 
    zIndex: 1// as needed 
    }); 

，也可以使用setZIndex()方法改成：

var marker = new google.maps.Marker({ 
     position: new google.maps.LatLng(stop.Latitude, stop.Longitude), 
     map: $scope.map, 
     icon: image 
     }); 

marker.setZIndex(google.maps.Marker.MAX_ZINDEX + 1); 

Answer 2

您可以用z-index選項來控制。

var image = { 
    url: getIconUrl(bus.num), 
    anchor: new google.maps.Point(30,30) 
    }; 
    var marker = new google.maps.Marker({ 
    position: new google.maps.LatLng(bus.Latitude, bus.Longitude), 
    map: $scope.map, 
    animation: google.maps.Animation.DROP, 
    icon: image, 
    zIndex: google.maps.Marker.MAX_ZINDEX // <-- 
    });