Javascript 谷歌地图标记在拖动后消失

当我将一个标记移动到地图顶部并移出视图（见下图）时，它的不透明度很高，这使得标记几乎不可见

这个bug只发生在Safari中，我真的不知道是什么导致了这个

如果你仔细看第二幅图像，你可以看到标记。

jsfiddle：

重现错误的步骤：

单击地图上的标记

将标记拖到map div的最顶端并将其放下

标记现在应该几乎看不见了，但如果你仔细看，它仍然在那里。 你仍然可以再次点击它并移动它-然后它再次变得可见

---

这是我的编程问题还是Safari中的谷歌地图错误？

在使用Windows 7的Safari中运行良好。这可能只是一个小错误，因为从您的代码中，我看不到任何会导致代码在除Safari之外的所有浏览器上正常工作的东西

我不确定这些人是否有与你完全相同的问题，但无论如何，还是值得查看链接：

---

我敢肯定这是谷歌地图的错误。但是，我通过使用此解决方案使其工作：

您必须指定一个

zIndex

并添加

optimized: false

到每个标记构造函数，例如

var marker = new google.maps.Marker({
    position: markerLatLng,
    map: map,
    icon: resultIcon,
    optimized: false,
    zIndex: 5
})

抄袭自：

---

JSFIDLE没有显示代码的标记？这是什么意思？你看不见地图上的标记吗？它们对我来说是可见的。在Safari中，将标记移动到顶部后，会出现一些异常不透明的问题。原来是一个z索引错误。因此，如果我在创建标记时不定义zIndex，它将在Safari中不可见。我认为这实际上是谷歌地图的一个bug。优化：false成功，不使用zIndex。我们在地图上使用了不透明度，这可能导致了（确认的）谷歌地图错误。

var marker = new google.maps.Marker({
    position: markerLatLng,
    map: map,
    icon: resultIcon,
    optimized: false,
    zIndex: 5
})