在离子3中创建Circle对象时出错

时间:2017-11-20 17:17:56

标签: angular google-maps variables ionic-framework ionic3

我正在使用Google Maps API。我必须在市场周围创建一个圆圈。我执行它(正常工作)

    createCircle(loc: LatLng){

    return  this.map.addCircle(
      {'center': loc,
      'radius': 300,
      'strokeColor' : '#AA00FF',
      'strokeWidth': 5,
      'fillColor' : '#880000'}

    );

}

当我尝试创建Circle变量

时出现我的错误
circle:Circle;

我尝试通过

更改方法
         createCircle(loc: LatLng){

 this.circle =   this.map.addCircle(
      {'center': loc,
      'radius': 300,
      'strokeColor' : '#AA00FF',
      'strokeWidth': 5,
      'fillColor' : '#880000'}

    );

    return this.circle;
}

我看到了这个错误。

enter image description here

我的错误是什么?非常感谢你。

1 个答案:

答案 0 :(得分:0)

我使用

circle:Circle;

编辑方法

createCircle(loc: LatLng){

    this.map.addCircle({
      'center': loc,
      'radius': this.radius,
      'strokeColor': '#AA00FF',
      'strokeWidth': 5,
      'fillColor': '#880000'
    }).then((circle: Circle) => {
      this.circle = circle;
    })

    return this.circle;
}