小编Cyb*_*Jus的帖子

我正在尝试使用谷歌地图允许用户创建多个可编辑/可拖动的多边形.一切都可以从桌面浏览器中正常工作,但在移动/触控设备上,一旦用户向地图添加新多边形,所有多边形都不再可拖动.初始化期间在地图上加载的多边形可按预期拖动.

我知道谷歌地图api并不真正支持触摸事件,但我能做些解决方法吗？

简化示例:

function initMap() {
  var map = new          google.maps.Map(document.getElementById('map'), {
  zoom: 5,
  center: {lat: 24.886, lng: -70.268},
  mapTypeId: 'terrain'
});

var triangleCoords = [
  {lat: 25.774, lng: -80.190},
  {lat: 18.466, lng: -66.118},
  {lat: 32.321, lng: -64.757},
  {lat: 25.774, lng: -80.190}
];

// Construct the polygon.
var bermudaTriangle = new google.maps.Polygon({
  paths: triangleCoords,
  strokeColor: '#FF0000',
  strokeOpacity: 0.8,
  strokeWeight: 2,
  fillColor: '#FF0000',
  fillOpacity: 0.35,
  draggable: true
});
bermudaTriangle.setMap(map);

var drawingManager = new google.maps.drawing.DrawingManager({
   drawingMode: google.maps.drawing.OverlayType.MARKER,
   drawingControl: true,
   drawingControlOptions: {
     position: …