Google 地图：如何更改标记的 z 索引？

发布于 2024-08-24 06:25:07 字数 127 浏览 9 评论 0原文

谷歌地图上大约有 100 个标记，另外还有一个特殊标记需要可见。目前，当地图缩小时，它周围的标记会完全或部分隐藏它。我需要该标记完全可见，并且我认为将其放在所有其他标记之上应该可以解决问题。但我找不到修改其堆叠顺序（z-index）的方法。

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

末骤雨初歇 2024-08-31 06:25:07

这适用于 Google Maps API 2。

对于 Google Maps API 3，请使用标记的 setZIndex(zIndex:number)。

看：
http://code.google.com/apis/maps/documentation /javascript/reference.html#标记

回复收藏 0 原文

破晓 2024-08-31 06:25:07

当您创建标记您想要在顶部的标记。例如：

var pt = new GLatLng(42.2659, -83.74861);
var marker = new GMarker(pt, {zIndexProcess: function() { return 9999; }});
map.addOverlay(marker);

我相信默认值是有一个 z 索引，它是标记点的纬度，所以这应该相当安全地将单个标记放在前面。此外，这只是一个简单的例子；您可以按照您想要的任何简单或复杂的方式设置所有标记的 z 索引。另一个例子是有两个函数：一个用于特殊标记，一个用于其余标记。

var pt1 = new GLatLng(42.2659, -83.74861);
var pt2 = new GLatLng(42.3000, -83.74000);
var marker1 = new GMarker(pt1, {zIndexProcess: specialMarker});
var marker2 = new GMarker(pt2, {zIndexProcess: normalMarker});
map.addOverlay(marker1);
map.addOverlay(marker2);

function specialMarker() {
  return 9999;
}

function normalMarker() {
  return Math.floor(Math.random()*1000);
}

Use the zIndexProcess option in GMarkerOptions when you create the marker that you want on top. For example:

var pt = new GLatLng(42.2659, -83.74861);
var marker = new GMarker(pt, {zIndexProcess: function() { return 9999; }});
map.addOverlay(marker);

I believe the default is to have a z-index that is the latitude of the point of the marker, so this should be fairly safe at bringing a single marker to the front. Further, this was just a simple example; you can set the z-index of all your markers in whatever simple or complex way you want. Another example is to have two functions: one for special markers and one for the rest.

var pt1 = new GLatLng(42.2659, -83.74861);
var pt2 = new GLatLng(42.3000, -83.74000);
var marker1 = new GMarker(pt1, {zIndexProcess: specialMarker});
var marker2 = new GMarker(pt2, {zIndexProcess: normalMarker});
map.addOverlay(marker1);
map.addOverlay(marker2);

function specialMarker() {
  return 9999;
}

function normalMarker() {
  return Math.floor(Math.random()*1000);
}

回复收藏 0 原文