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

Google maps 谷歌地图-带孔和自定义背景的多边形,google-maps,polygon,Google Maps,Polygon,我想在谷歌地图上画一个背景复杂的多边形(例如条纹)。这几乎让我承担了99%的案件。它显示了如何为此使用自定义覆盖。问题是,它不支持多维坐标数组(例如带孔的多边形),我目前不知道如何实现这一点。我知道多边形本身支持自定义孔,但我需要一个带孔的“条纹背景”多边形。 一个想法是将多边形切割成多个多边形,这样就不会有单个多边形有洞,但这看起来非常复杂,因为我的多边形和多边形中的洞可能非常复杂。即使我能让它工作,它可能会打破模式重复。 有人能帮我吗?我摆弄了一下这个JSFIDLE后,它就开始工作了: 基本

我想在谷歌地图上画一个背景复杂的多边形(例如条纹)。这几乎让我承担了99%的案件。它显示了如何为此使用自定义覆盖。问题是,它不支持多维坐标数组(例如带孔的多边形),我目前不知道如何实现这一点。我知道多边形本身支持自定义孔,但我需要一个带孔的“条纹背景”多边形。 一个想法是将多边形切割成多个多边形,这样就不会有单个多边形有洞,但这看起来非常复杂,因为我的多边形和多边形中的洞可能非常复杂。即使我能让它工作,它可能会打破模式重复。
有人能帮我吗?

我摆弄了一下这个JSFIDLE后,它就开始工作了:

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


下面是一个工作示例:

我在摆弄了一下这个JSFIDLE后,它开始工作了:

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


这里有一个工作示例:

非常棒的兄弟,谢谢你的解决方案非常棒的兄弟,谢谢你的解决方案