谷歌地图 - 带孔和自定义背景的多边形

Question

我想在 Google 地图上绘制一个具有复杂背景（例如条纹）的多边形。这个https://stackoverflow.com/a/15840086/3020903 SO 几乎让我涵盖了 99% 的案例。它展示了如何为此使用自定义叠加层。问题是，它不支持多维坐标数组（例如带孔的多边形），我目前不知道如何实现这一点。我知道多边形本身支持其中的自定义孔，但我需要一个带有孔的“条纹背景”多边形。 一个想法是将多边形切割成多个多边形，这样单个多边形就不会有洞，但这似乎非常复杂，因为我的多边形和其中的洞可能非常复杂。即使我可以让它工作，它也可能会破坏模式重复。 谁能帮我解决这个问题？

Answer 1

在摆弄了这个 JsFiddle 之后，我得到了它：http://jsfiddle.net/9gvsq3od/

基本思想是将 SVG 的 fill-rule="evenodd" 属性与二维 LatLng 数组相结合，并对 PolyLineFill.prototype.AdjustPoints() 进行一点修改以处理二维坐标数组。

这是一个工作示例：http://jsfiddle.net/o4phfL6c/