如何控制google maps Javascript上的标记层?
我确信这个问题已经得到了回答,但我找不到答案。 如何在google maps v3 Javascript api上更改标记的标记层 例如,在下图中,我希望总线图标出现在所有如何控制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
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);