Javascript 在谷歌地图上点击鼠标右键
我试图在谷歌地图上为可见多边形启用右键单击功能。我需要右键单击选项,以便在将多边形放置到地图上后启用删除顶点。但是,我无法让addListener识别右键单击事件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,
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->单击
所有工作。