如何控制google maps Javascript上的标记层?

如何控制google maps Javascript上的标记层?,javascript,angularjs,google-maps,google-maps-api-3,Javascript,Angularjs,Google Maps,Google Maps Api 3,我确信这个问题已经得到了回答,但我找不到答案。 如何在google maps v3 Javascript api上更改标记的标记层 例如,在下图中,我希望总线图标出现在所有T图标上方 我的巴士图标是这样制作的: var image = { url: getIconUrl(bus.num), anchor: new google.maps.Point(30,30) }; var marker = new google.maps.Marker({ positio

我确信这个问题已经得到了回答,但我找不到答案。 如何在google maps 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
  });
  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
图标是这样制作的:

  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
  });
  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
存储在本地,as总线是实时数据,并按需提供服务。

您可以使用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 // <--
  });
var图像={
url:getIconUrl(bus.num),
主播:新google.maps.Point(30,30)
};
var marker=new google.maps.marker({
位置:新的google.maps.LatLng(总线.纬度,总线.经度),
map:$scope.map,
动画:google.maps.animation.DROP,
图标:图像,

zIndex:google.maps.Marker.MAX_zIndex/您可以使用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 // <--
  });
var图像={
url:getIconUrl(bus.num),
主播:新google.maps.Point(30,30)
};
var marker=new google.maps.marker({
位置:新的google.maps.LatLng(总线.纬度,总线.经度),
map:$scope.map,
动画:google.maps.animation.DROP,
图标:图像,

zIndex:google.maps.Marker.MAX_zIndex/您可以根据标记的需要设置
zIndex

比如:

或者您可以使用
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);

您可以根据标记的需要设置
zIndex

比如:

或者您可以使用
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);