Google Maps-带有孔和自定义背景的多边形

时间:2019-03-04 09:13:24

标签: google-maps polygon

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

1 个答案:

答案 0 :(得分:0)

我对这个JsFiddle有所了解后,它开始工作了:http://jsfiddle.net/9gvsq3od/

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

这里有一个工作示例:http://jsfiddle.net/o4phfL6c/