我正在尝试访问shape并将其解析/转换为Polygon对象，以便检索getPath().getArrays()
有没有什么方法可以让我从html中检索<shape>并在我的控制器中使用它？

$scope.insertAt = function (event) {
            const shape = document.getElementById('polygon');
            const polygon = new google.maps.Polygon(shape);
            console.log("Polygon ", polygon);
            // error here --> polygon.getPath().getArray();
        };

<shape name="polygon" id="polygon" stroke-color="#FF0000"
                       stroke-opacity="1.0"
                       stroke-weight="2"
                       draggable="true"
                       geodesic="false"
                       editable="true"
                       insert-at="{{insertAt()}}"
                       paths="{{mappedGeoCoordinates}}" >
                </shape>

谢谢