如何使用蒙版在div中插入谷歌地图

Question

我需要将谷歌地图放入div。 这里没问题......问题是我需要屏蔽这个div。 我需要一个可以导航的圆形谷歌地图！

我试试 请帮帮忙？

Answer 1

使用Maps API，创建一个涵盖除圆圈之外的所有内容的Polygon。

要创建一个在每个缩放级别都不显示线段的圆圈具有挑战性，但应该可以使用合理的圆形外观进行近似。

作为替代方案，您可以扩展OverlayView类以创建自定义叠加类型，以显示具有更光滑边缘的圆。但这将是更多的工作。

Answer 2

一种解决方案是使用jquery获取每个地图的绝对（x，y）坐标，并通过绝对定位div来放置一个png背景的div。

Answer 3

我很确定这是不可能的我害怕 - 如果你在地图上放置任何东西（即使它是透明的）它将阻止你与地图交互 - 因为你将点击该div，而不是在地图上。 IE浏览器似乎也存在一些问题。

当你将鼠标悬停在它上面时，你可以使用jquery或：hover clss将其移动到负z-index，但我真的不认为你可以做你需要的做。

（ps - 我试着评论上面的答案 - 但出于某种原因我不能 - 抱歉新答案）