Google map api v3 DrawingManager无效

Question

我正在尝试使用Google Maps API v3,但我总是出错

我在页面中添加了脚本:

<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false&libraries=drawing"></script>

我已经实施了:

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, google.maps.drawing.OverlayType.CIRCLE]
      },
      /*markerOptions: {
        icon: new google.maps.MarkerImage('http://www.example.com/icon.png')
      },*/
      circleOptions: {
        fillColor: '#ffff00',
        fillOpacity: 1,
        strokeWeight: 5,
        clickable: false,
        zIndex: 1,
        editable: true
      }

我总是得到同样的错误:

未捕获的TypeError:无法读取未定义的属性"DrawingManager"

Answer 1

'本文档中的概念仅指google.maps.drawing库中提供的功能.默认情况下,在加载Maps Javascript API时不会加载此库,但必须通过使用库引导参数显式指定:

http://maps.googleapis.com/maps/api/js?sensor=false&libraries=drawing

Answer 2

我得到了同样的错误,我想出来了.使用'https'而不是'http'...

< script type="text/javascript"
 src="https://maps.googleapis.com/maps/api/js?sensor=false&libraries=drawing">
</script>

Answer 3

用这个：

<script async defer src="https://maps.googleapis.com/maps/api/js?libraries=geometry,drawing&key=YOURKEY&v=3&callback=initMapfUNCTION"></script>

YOURKEY ==> 将此单词替换为您的 Map API Key initMapfUNCTION ==> 将此单词替换为您的地图的初始函数名称

Answer 4

除了您的代码示例不完整（我猜您在复制它时错过了右括号），我没有看到任何明显的东西。我没有使用过绘图库，但看起来您正确地遵循了文档。我会说使用 Firebug 检查从 Google 加载的 Javascript 并查看它是否提到了有关 DrawingManager 类的任何内容。