如何在Google Maps API v3中设置标记的z-index？

Question

有人能解释一下使用Google Maps API（版本3）设置标记的z-index所使用的确切语法吗？

- Zabs

Answer 1

在MarkerOptions中：

var marker = new google.maps.Marker({ 
    ....
    zIndex: 100 
});

或者通过标记器（Marker）设置器：

marker.setZIndex(100);

- ori

---

100会将其移向用户还是远离用户？ - Phlip

对于不熟悉 z-index 的人来说，它是一种用于高度分层的 CSS 属性。它与距离无关，也不特定于 Google 地图。我正在使用它来使特定类型的标记在多个标记重叠时“置于顶部”。 - Daniel Nalbach

@Phlip：价值（100）是相对的，而不是绝对的。价值为100的项目似乎位于价值更高的项目“下方”（看起来更接近用户），但位于价值较低的项目“上方”。 - Jochem Schulenklopper

Answer 2

zIndex实际上是相对的。举例来说，如果你有两个标记，marker1和marker2，而marker1的zIndex为100，marker2的zIndex为101:这意味着marker2在堆栈中比marker1更高。因此，marker2将位于marker1的顶部，也就是用户面前。

您可以使用以下方法设置z-index：

var marker=new google.maps.Marker({
    position: myCenter,
    map: map,
    zIndex: 100
});

如果您之前已经创建了一个标记，那么只需使用：

marker.setZIndex(101);

- super_user