Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/google-maps/4.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在谷歌地图上点击鼠标右键_Javascript_Google Maps - Fatal编程技术网

Javascript 在谷歌地图上点击鼠标右键

Javascript 在谷歌地图上点击鼠标右键,javascript,google-maps,Javascript,Google Maps,我试图在谷歌地图上为可见多边形启用右键单击功能。我需要右键单击选项,以便在将多边形放置到地图上后启用删除顶点。但是,我无法让addListener识别右键单击事件 function initMap() { var selectedShape; var map = new google.maps.Map(document.getElementById('map'), { center: { lat: -34.397,

我试图在谷歌地图上为可见多边形启用右键单击功能。我需要右键单击选项,以便在将多边形放置到地图上后启用删除顶点。但是,我无法让addListener识别右键单击事件

function initMap() {
    var selectedShape;

    var map = new google.maps.Map(document.getElementById('map'), {
        center: {
            lat: -34.397,
            lng: 150.644
        },
        zoom: 8
    });

    var drawingManager = new google.maps.drawing.DrawingManager({
        drawingMode: google.maps.drawing.OverlayType.POLYGON,
        drawingControl: true,
        drawingControlOptions: {
            position: google.maps.ControlPosition.TOP_CENTER,
            drawingModes: ['circle', 'polygon', 'rectangle']
        },
        polygonOptions: {
            editable: true,
            draggable: true
        },
        circleOptions: {
            editable: true,
            draggable: true
        },
        rectangleOptions: {
            editable: true,
            draggable: true
        }


    });
    drawingManager.setMap(map);

    //load preset data


    function setJSON(Shape) {
        console.log(Shape.type);
        if (Shape.type === "circle") {
            return '{"type":"'+Shape.type +'", "lat":"'+Shape.getCenter().lat()+'", "lng":"'+Shape.getCenter().lng()+'", "radius":"'+Shape.getRadius()+'"  }';
        }
        if (Shape.type === "rectangle"){
            return '{"type":"' + Shape.type + ', "start":"'+ Shape.getBounds().getNorthEast() +'", "end":"'+ Shape.getBounds().getSouthWest() +'"}';
        }
        if (Shape.type === "polygon"){
            //eturn '{"type":"'+ Shape.type +'"}' + Shape.getPaths();
            vertice = Shape.getPath();
            console.log("vertice count:  " +  vertice.getLength());
            JSON = '{"type":"'+ Shape.type +'", "coordinates": "';
            vertice.forEach(function(xy, i) {
                JSON = JSON + xy.lat() + ' ' + xy.lng() + ', ';
            });

            JSON = JSON.slice(0,-2) + '"}';
            return JSON;
        }

        return 0
    }



    google.maps.event.addListener(drawingManager, 'overlaycomplete', function(event) {

        drawingManager.setMap(null);

        var newShape = event.overlay;
        newShape.type = event.type;
        selectedShape = newShape;
        console.log(setJSON(selectedShape));

        if (newShape.type === "circle" || newShape.type === "rectangle") {

            google.maps.event.addListener(selectedShape, 'bounds_changed', function(event){
                console.log(setJSON(selectedShape));
            });

        }

        if (newShape.type === "polygon") {

            google.maps.event.addListener(selectedShape.getPath(), 'set_at', function(event) {
                // complete functions
                console.log(setJSON(selectedShape));
            });

            google.maps.event.addListener(selectedShape.getPath(), 'insert_at', function(event) {
                // complete functions
                console.log(setJSON(selectedShape));
            });

            google.maps.event.addListener(selectedShape.getPath(), 'rightclick', function(event) {
                console.log('right-click');
            })

        }


    });

    google.maps.event.addDomListener(document.getElementById('btnClear'), 'click', function(event) {
        selectedShape.setMap(null);
        drawingManager.setMap(map);
    });

}
A(路径返回的内容)没有右键单击事件。这家公司会有一家的。此代码适用于我:

google.maps.event.addListener(newShape, 'rightclick', function(event) {
  console.log('right-click');
});
A(路径返回的内容)没有右键单击事件。这家公司会有一家的。此代码适用于我:

google.maps.event.addListener(newShape, 'rightclick', function(event) {
  console.log('right-click');
});

这些console.log中的任何一个正在工作?是的<代码>设置在,
插入在
,以及
btnClear->单击
所有工作。这些console.log中的任何一个工作正常吗?是<代码>设置在,
插入在
,以及
btnClear->单击
所有工作。