单击标记时无法删除多边形

Question

我正在尝试在点击我的标记时删除多边形，但我无法理解如何使多边形将被删除。我很感激有人会帮助我完成这项工作。 这是我在jsfiddle的演示。 Demo

这是我的代码，它不能正常工作。

var map;
var count = 0;
var polycolor = '#ED1B24';
var polyarray = [];
var marker;
var markers = [];
var path = new google.maps.MVCArray;

function initialize() {


    var initial = new google.maps.LatLng(53.199246241276875, -105.76864242553711);

    var mapOptions = {
        zoom: 16,
        center: initial,
        zoomControl: true,
        zoomControlOptions: {
            style: google.maps.ZoomControlStyle.LARGE
        },
        mapTypeControl: false
    };

    poly.setPaths(new google.maps.MVCArray([path]));

    map = new google.maps.Map(document.getElementById('map_canvas'), mapOptions);

    google.maps.event.addListener(map, 'click', function (e) {
        addMarker(e);
        addPolygon(e);
    });
}

var deletepolygon = function (pt) {

    i = 0;
    var thepath = poly.getPath();

    thepath.forEach(function (ltlng) {
        i++;
        if ((ltlng.lat() + "," + ltlng.lng()) == pt) {
            path.removeAt(i);

        }
    });
}