在Google地图上使用鼠标绘制带孔的多边形

Question

我想在Google地图上使用鼠标绘制带有孔的多边形。

Google Maps API提供了使用给定坐标绘制带有孔的多边形的方法，但是如何使用鼠标绘制？

Answer 1

我可以自己找到解决方案。解决方案是-首先用鼠标在彼此内部绘制两个多边形，然后获取这两个多边形的坐标，从这两个多边形中准备所需的“ innerCoords”和“ outerCoords”数组，并将其传递给Google Maps方法

var myPolyWithHole = new google.maps.Polygon({
          paths: [outerCoords, innerCoords],
          strokeColor: '#FFC107',
          strokeOpacity: 0.8,
          strokeWeight: 2,
          fillColor: '#FFC107',
          fillOpacity: 0.35
        });

*删除先前绘制的两个多边形