在颤振的 Mapbox 地图上添加标记（Mapbox GL）答案

【问题标题】：Adding a marker on a Mapbox map in flutter (Mapbox GL)在颤振的 Mapbox 地图上添加标记（Mapbox GL）
【发布时间】：2021-04-25 07:43:15
【问题描述】：

我刚刚开始设计一个使用 Flutter Mapbox GL 库的应用程序，并希望在地图上添加一个与分配的纬度相对应的标记。

有人可以解释在哪里添加，以及如何在我的代码中使用 MapboxMapController 类吗？我对编程很陌生，更不用说颤动了。还是有其他我想念的方式？

import 'package:flutter/material.dart';
import 'package:mapbox_gl/mapbox_gl.dart';

class MapBoxWidget extends StatefulWidget {
  @override
  _MapBoxWidgetState createState() => _MapBoxWidgetState();
}

class _MapBoxWidgetState extends State<MapBoxWidget> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Container(
        child: MapboxMap(
          zoomGesturesEnabled: true,
          myLocationTrackingMode: MyLocationTrackingMode.TrackingGPS,
          initialCameraPosition: CameraPosition(
            zoom: 15,
            target: LatLng(53.5074, 0.1278),
          ),
          myLocationEnabled: true,
          accessToken:
              'pk.eyJ1IjoiZG.....',
        ),
      ),
    );
  }
}

【问题讨论】：

你解决了吗？

标签： android flutter dictionary mapbox symbols

【解决方案1】：

您必须使用 MapboxMap onCreated 参数并使用其中的函数将控制器保存在稍后使用的变量中。示例：

late MapboxController mapController;

...

MapboxMap(
          accessToken: MAPBOX_KEY,
          onMapCreated:(MapboxController controller){
             setState((){
                 mapController = controller;
             });
                        
          },
          initialCameraPosition: const CameraPosition(
              target: LatLng(0.0, 0.0), zoom: 14),
        );

...

然后你可以用它来为相机制作动画，诸如此类。

【讨论】：