可拖动标记和绘图工具

我正在使用绘图工具和我的地图。我这个文件中说明的选项设置：可拖动标记和绘图工具

markerOptions: { 
    animation: google.maps.Animation.DROP, 
    icon: new google.maps.MarkerImage('http://maps.google.com/mapfiles/ms/icons/yellow-dot.png'), 
    draggable: true, 
    flat: true, 
    raiseOnDrag: true 
    },

但是，我不能再拖累我的标记和DROPE动画似乎有一个错误，但作品（滴速前闪现出）。 getDraggable方法返回true：

if (event.type == google.maps.drawing.OverlayType.MARKER) { 
    markersArray.push(event.overlay); 
    alert(event.overlay.getDraggable()); // true 
    }

当我点击我的标记，它忽略它，它拖动地图来代替。我怎么能解决这个问题？

谢谢

来源

2012-11-28 Art Planteur

这段代码如何？此代码适用于我。

<!DOCTYPE html> 
<html> 
    <head> 
    <title>Google Maps JavaScript API v3 Example: Drawing Tools Library</title> 
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no"> 
    <meta charset="utf-8"> 
    <link href="https://google-developers.appspot.com/maps/documentation/javascript/examples/default.css" rel="stylesheet"> 
    <script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false&libraries=drawing"></script> 
    <script> 
     function initialize() { 
     var mapOptions = { 
      center: new google.maps.LatLng(-34.397, 150.644), 
      zoom: 8, 
      mapTypeId: google.maps.MapTypeId.ROADMAP 
     }; 

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

     var drawingManager = new google.maps.drawing.DrawingManager({ 
      drawingMode: google.maps.drawing.OverlayType.MARKER, 
      drawingControl: true, 
      drawingControlOptions: { 
      position: google.maps.ControlPosition.TOP_CENTER, 
      drawingModes: [ 
       google.maps.drawing.OverlayType.MARKER 
      ] 
      }, 
      markerOptions: { 
      animation: google.maps.Animation.DROP, 
      icon: new google.maps.MarkerImage('http://maps.google.com/mapfiles/ms/icons/yellow-dot.png'), 
      draggable: true, 
      flat: true, 
      raiseOnDrag: true 
      } 
     }); 
     drawingManager.setMap(map); 
     } 

     google.maps.event.addDomListener(window, 'load', initialize); 
    </script> 
    </head> 
    <body> 
    <div id="map_canvas"></div> 
    </body> 
</html>

来源

2012-11-28 22:39:18 wf9a5m75

哇！它不适合我，我不能拖动项目，如果你可以和相同的闪光灯出现...任何人有这个问题？我正在使用Chrome和WampServer 2：/ –

真的吗？！这段代码从Google官方示例代码中稍微改变了一些。你尝试过其他浏览器吗？ – wf9a5m75

然后在Chrome中按[Ctrl] + [Shift] + [I]，然后打开Google Developer Console。有没有错误信息？ – wf9a5m75

可拖动标记和绘图工具

回答

相关问题