代码之家 › 专栏 › 技术社区 › Mohammad Adil

无法读取未定义的属性“drawing”

angular6 angular javascript

Mohammad Adil · 技术社区 · 6 年前

我正在使用 检票机地图 使用Google提供的绘图工具绘制自定义区域边界。

这是我的代码片段 .

  AgmCoreModule.forRoot({
  apiKey: 'here my api_key',
  libraries: ['visualization', 'places', 'drawing']
})

 ngAfterViewInit() {
  //debugger;
    this.mapsAPILoader.load().then(() => {
      // tslint:disable-next-line:no-debugger
     // debugger;
           this.handleGoogleMapApi(map);

    });
  }

  handleGoogleMapApi(google) {
     this.map1 = google;
    // tslint:disable-next-line:no-debugger
    debugger;
     const drawingManager = new google.maps.drawing.DrawingManager({
      drawingMode: google.maps.drawing.OverlayType.POLYGON,
      drawingControl: true,
      drawingControlOptions: {
        position: google.maps.ControlPosition.TOP_CENTER,
        drawingModes: [
          google.maps.drawing.OverlayType.MARKER,
          google.maps.drawing.OverlayType.CIRCLE,
          google.maps.drawing.OverlayType.POLYGON,
          google.maps.drawing.OverlayType.POLYLINE,
          google.maps.drawing.OverlayType.RECTANGLE
        ]
      },
      circleOptions: {
        fillColor: '#ffff00',
        fillOpacity: 1,
        strokeWeight: 5,
        clickable: false,
        editable: true,
        zIndex: 1
      }
    });
    drawingManager.setMap(this.map1);
  }

感谢任何帮助。。。

2 回复 | 直到 6 年前

Dalton Whyte 6 年前

嗨,抛出的错误你的代码只是说谷歌地图'未定义。我建议你使用控制台.log('谷歌地图');跟踪对象的状态。

初始化对象时可能缺少重要步骤。

Sachink 6 年前

变量 google 函数参数过右 handleGoogleMapApi(google)

  handleGoogleMapApi(_google) {
     this.map1 = _google;
    // tslint:disable-next-line:no-debugger
    debugger;
     const drawingManager = new google.maps.drawing.DrawingManager({
      drawingMode: google.maps.drawing.OverlayType.POLYGON,
      drawingControl: true,
      drawingControlOptions: {
        position: google.maps.ControlPosition.TOP_CENTER,
        drawingModes: [
          google.maps.drawing.OverlayType.MARKER,
          google.maps.drawing.OverlayType.CIRCLE,
          google.maps.drawing.OverlayType.POLYGON,
          google.maps.drawing.OverlayType.POLYLINE,
          google.maps.drawing.OverlayType.RECTANGLE
        ]
      },
      circleOptions: {
        fillColor: '#ffff00',
        fillOpacity: 1,
        strokeWeight: 5,
        clickable: false,
        editable: true,
        zIndex: 1
      }
    });
    drawingManager.setMap(this.map1);
  }

推荐文章

code-geek · Jquery根据单选按钮选择隐藏或显示文本字段

7 月前

Niobos · 如何/是否有方法使通用算法函数同时与同步和异步函数一起工作?

7 月前

Alex · 在轻量级中同时解构和不解构变量

7 月前

Ângelo Rigo · ReactJS映射:如何迭代[关闭]

7 月前

bairog · 从按属性筛选的对象数组字典中创建值数组

8 月前

KaiMcKiernan · 基于Math.random()的函数在另一个函数内不起作用[关闭]

8 月前

David Jeong · 浏览器不会为浏览器自动添加的某些标头发送CORS预检请求吗?

8 月前

user29519291 · 为不同的变量创建一个带有可重用Click函数的简单菜单

8 月前

user3472810 · Angular@Output/EventEmitter返回undefined

8 月前

lokiuucx · JS对象属性返回未定义,尽管对象属性应该有值

8 月前