Google 地图 - 带孔和自定义背景的多边形
Google Maps - Polygon with hole and custom background
我想在 Google 具有复杂背景（例如条纹）的地图上绘制多边形。这个 SO 几乎让我涵盖了 99% 的案例。它显示了如何为此使用自定义覆盖。问题是，它不支持多维坐标数组（例如带孔的多边形），我目前不知道如何实现这一点。我知道多边形本身支持其中的自定义孔，但我需要一个带有孔的 "striped background" 多边形。
一个想法是将多边形切割成多个，这样就不会有一个洞，但这看起来非常复杂，因为我的多边形和其中的洞可能非常复杂。即使我能让它工作，它也可能会打破模式重复。
谁能帮我解决这个问题？
我在摆弄这个 JsFiddle 之后让它工作了：http://jsfiddle.net/9gvsq3od/
基本思想是将 SVG 的 fill-rule="evenodd" 属性 与二维 LatLng 数组相结合，并对 PolyLineFill.prototype.AdjustPoints() 进行一些修改以处理二维坐标数组。
这是一个工作示例：http://jsfiddle.net/o4phfL6c/
我想在 Google 具有复杂背景（例如条纹）的地图上绘制多边形。这个 SO 几乎让我涵盖了 99% 的案例。它显示了如何为此使用自定义覆盖。问题是，它不支持多维坐标数组（例如带孔的多边形），我目前不知道如何实现这一点。我知道多边形本身支持其中的自定义孔，但我需要一个带有孔的 "striped background" 多边形。 一个想法是将多边形切割成多个，这样就不会有一个洞，但这看起来非常复杂，因为我的多边形和其中的洞可能非常复杂。即使我能让它工作，它也可能会打破模式重复。 谁能帮我解决这个问题？
我在摆弄这个 JsFiddle 之后让它工作了：http://jsfiddle.net/9gvsq3od/
基本思想是将 SVG 的 fill-rule="evenodd" 属性 与二维 LatLng 数组相结合，并对 PolyLineFill.prototype.AdjustPoints() 进行一些修改以处理二维坐标数组。
这是一个工作示例：http://jsfiddle.net/o4phfL6c/