如何在MapBoxMap颤动中添加圆圈

时间:2020-09-10 06:25:49

标签: flutter mapbox-gl-js

我正在使用mapbox_gl的flutter包来显示地图...在屏幕上显示后,我想在地图内添加圆圈...有没有办法做到这一点...这是代码的一部分

void onMapCreated(MapboxMapController controller) {
    mapController = controller;
    print(mapController);
    mapController.addListener(_onMapChanged);
    _extractMapInfo();

    mapController.getTelemetryEnabled().then((isEnabled) => setState(() {
          _telemetryEnabled = isEnabled;
        }));
     
    // I have try this code... 
    // mapController.addCircle(
    //   CircleOptions(
    //       geometry: LatLng(....., ....), circleColor: "#FF0000", circleRadius: 200),
    // );
    // but I get error that say:
    // Cannot read property 'add' of null
    //    at mapbox_gl_web.MapboxMapController.new.addCircle 
  }

1 个答案:

答案 0 :(得分:0)

你应该添加“this”关键字 例如:

onMapCreated: (MapboxMapController controller){
          this.controller = controller;
          this.controller.addCircle(
            CircleOptions(
              circleRadius: 100,
              circleColor: '#fff700',
              circleOpacity: 0.5,
              circleStrokeColor: '#fff700',
              circleStrokeOpacity: 1,
              circleStrokeWidth: 5,
              geometry: LatLng(36.8065, 10.1815),
            ),
          );
        },