flutter高德地图大头针

最新推荐文章于 2024-11-05 09:58:35 发布
最新推荐文章于 2024-11-05 09:58:35 发布
阅读量180 收藏
点赞数
文章标签： flutter
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/shaoxiukun/article/details/132140906
版权

1、效果图 

 2、pub get 

#地图定位
amap_flutter_map: ^3.0.0
amap_flutter_location: ^3.0.0

3、上代码

import 'dart:async';
import 'dart:io';

import 'package:amap_flutter_location/amap_flutter_location.dart';
import 'package:amap_flutter_location/amap_location_option.dart';
import 'package:fate_blind_box/theme/theme_color.dart';
import 'package:flutter/foundation.dart';
import 'package:flutter/material.dart';

import 'package:amap_flutter_map/amap_flutter_map.dart';
import 'package:amap_flutter_base/amap_flutter_base.dart';
import 'package:permission_handler/permission_handler.dart';
import 'package:url_launcher/url_launcher.dart';
import '../../../utils/loading.dart';
import '../../Home/map/canteen.dart';

class AMapPage extends StatelessWidget {

  final String title;
  final String iosKey;
  final String androidKey;

  final LatLng? latLng;



  final void Function(AMapController controller)? onMapCreated;

  AMapPage(this.title,this.iosKey, this.androidKey, {Key? key, this.latLng, this.onMapCreated}) : super(key: key);


  // 添加线段
  //lines 结构   [LatLng(26.642386, 106.65195799999998), LatLng(26.641542, 106.65062999999998), LatLng(26.641402, 106.65063499999997), LatLng(26.641411, 106.65086300000002), LatLng(26.641334, 106.65067099999999), LatLng(26.641374, 106.650688), LatLng(26.641567, 106.65078499999998), LatLng(26.641656, 106.651207), LatLng(26.641708, 106.651408), LatLng(26.641413, 106.65066100000001), LatLng(26.641484, 106.65012100000001)]
  //定义


  @override
  Widget build(BuildContext context) {

    List<Marker> markers = [
      Marker(position: const LatLng(39.909215, 116.41005),
        icon:BitmapDescriptor.fromIconPath("images/ic_mapIcon1.png"),
        infoWindow: const InfoWindow(
          title: '东城区',
          snippet: '',
        ),
        onTap: (marker){
          
        },
      ),

      Marker(position: const LatLng(39.9305, 116.36003),
        icon:BitmapDescriptor.fromIconPath("images/ic_mapIcon2.png"),
        infoWindow: const InfoWindow(
          title: '西城区',
          snippet: '',
        ),
        onTap: (marker){
          
        },
      ),
      Marker(position: const LatLng(39.9484, 116.48548),
        icon:BitmapDescriptor.fromIconPath("images/ic_mapIcon3.png"),
        infoWindow: const InfoWindow(
          title: '朝阳区',
          snippet: '',
        ),
        onTap: (marker){
          
        },
      ),
      Marker(position: const LatLng(39.8585, 116.28625),
        icon:BitmapDescriptor.fromIconPath("images/ic_mapIcon4.png"),
        infoWindow: const InfoWindow(
          title: '丰台区',
          snippet: '',
        ),
        onTap: (marker){
          
        },
      ),
      Marker(position: const LatLng(39.90564, 116.2229),
        icon:BitmapDescriptor.fromIconPath("images/ic_mapIcon5.png"),
        infoWindow: const InfoWindow(
          title: '石景山区',
          snippet: '',
        ),
        onTap: (marker){
          
        },
      ),
      Marker(position: const LatLng(39.95931, 116.29812),
        icon:BitmapDescriptor.fromIconPath("images/ic_mapIcon1.png"),
        infoWindow: const InfoWindow(
          title: '海淀区',
          snippet: '',
        ),
        onTap: (marker){
          
        },
      ),
      Marker(position: const LatLng(39.94043, 116.10137),
        icon:BitmapDescriptor.fromIconPath("images/ic_mapIcon2.png"),
        infoWindow: const InfoWindow(
          title: '门头沟区',
          snippet: '',
        ),
        onTap: (marker){
          
        },
      ),

      Marker(position: const LatLng(39.74786, 116.14257),
        icon:BitmapDescriptor.fromIconPath("images/ic_mapIcon3.png"),
        infoWindow: const InfoWindow(
          title: '房山区',
          snippet: '',
        ),
        onTap: (marker){
          
        },
      ),

      Marker(position: const LatLng(39.90564, 116.2229),
        icon:BitmapDescriptor.fromIconPath("images/ic_mapIcon4.png"),
        infoWindow: const InfoWindow(
          title: '石景山区',
          snippet: '',
        ),
        onTap: (marker){
          
        },
      ),

      Marker(position: const LatLng(116.65716, 39.90966),
        icon:BitmapDescriptor.fromIconPath("images/ic_mapIcon5.png"),
        infoWindow: const InfoWindow(
          title: '通州区',
          snippet: '',
        ),
        onTap: (marker){
          
        },
      ),

      Marker(position: const LatLng(116.65417, 40.1302),
        icon:BitmapDescriptor.fromIconPath("images/ic_mapIcon1.png"),
        infoWindow: const InfoWindow(
          title: '顺义区',
          snippet: '',
        ),
        onTap: (marker){
          
        },
      ),

      Marker(position: const LatLng(116.2312, 40.22072),
        icon:BitmapDescriptor.fromIconPath("images/ic_mapIcon3.png"),
        infoWindow: const InfoWindow(
          title: '昌平区',
          snippet: '',
        ),
        onTap: (marker){
          
        },
      ),

      Marker(position: const LatLng(116.34149, 39.72668),
        icon:BitmapDescriptor.fromIconPath("images/ic_mapIcon4.png"),
        infoWindow: const InfoWindow(
          title: '大兴区',
          snippet: '',
        ),
        onTap: (marker){
          
        },
      ),

      Marker(position: const LatLng(116.63168, 40.31602),
        icon:BitmapDescriptor.fromIconPath("images/ic_mapIcon5.png"),
        infoWindow: const InfoWindow(
          title: '怀柔区',
          snippet: '',
        ),
        onTap: (marker){
          
        },
      ),

      Marker(position: const LatLng(117.12133, 40.14056),
        icon:BitmapDescriptor.fromIconPath("images/ic_mapIcon1.png"),
        infoWindow: const InfoWindow(
          title: '平谷区',
          snippet: '',
        ),
        onTap: (marker){
          
        },
      ),

      Marker(position: const LatLng(116.84295, 40.37618),
        icon:BitmapDescriptor.fromIconPath("images/ic_mapIcon2.png"),
        infoWindow: const InfoWindow(
          title: '密云县',
          snippet: '',
        ),
        onTap: (marker){
         
        },
      ),

      Marker(position: const LatLng(115.97494, 40.45672),
        icon:BitmapDescriptor.fromIconPath("images/ic_mapIcon3.png"),
        infoWindow: const InfoWindow(
          title: '延庆县',
          snippet: '',
        ),
        onTap: (marker){
          
        },
      ),
    ];
    final size = MediaQuery.of(context).size;
    CameraPosition kInitialPosition = CameraPosition(
      target: latLng ?? const LatLng(39.909187, 116.397451),
      zoom: 10.0,
    );

    return Scaffold(
      appBar: title.isNotEmpty ? AppBar(
        title: Text(
          title,
          style: const TextStyle(
              color: Colors.black, fontSize: 18, fontWeight: FontWeight.bold),
        ),
        // title:title,
        elevation: 0,
        backgroundColor: Colors.white,

      ) :null,

      backgroundColor: ThemeColor.sendMsgColor,
      body: AMapWidget(

        initialCameraPosition: kInitialPosition,
        buildingsEnabled: false,
        onMapCreated: onCreated,
        privacyStatement: const AMapPrivacyStatement(hasShow: true, hasAgree: true, hasContains: true),
        apiKey: AMapApiKey(
          iosKey: iosKey,
          androidKey: androidKey,

        ),

        markers:Set<Marker>.of(markers),
        // Set<marker>.of(markers.values),
        onTap: (marker){

        },
        onPoiTouched: (marker){

          print('object');
        },

      ),

    );
  }

  /// 高德地图
  static Future<bool> gotoGaoDeMap(keywords,longitude, latitude) async {
    var url = '${Platform.isAndroid ? 'android' : 'ios'}amap://navi?sourceApplication=amap&lat=$latitude&lon=$longitude&dev=0&style=2';

    bool canLaunchUrl = await canLaunch(url);

    if (!canLaunchUrl) {
      toast('未检测到高德地图~');

      return false;
    }

    await launch(url);

    return true;
  }


  /// 腾讯地图
  static Future<bool> gotoTencentMap(longitude, latitude) async {
    var url = 'qqmap://map/routeplan?type=drive&fromcoord=CurrentLocation&tocoord=$latitude,$longitude&referer=IXHBZ-QIZE4-ZQ6UP-DJYEO-HC2K2-EZBXJ';
    bool canLaunchUrl = await canLaunch(url);

    if (!canLaunchUrl) {
      toast('未检测到腾讯地图~');
      // ToastUtil.show('未检测到腾讯地图~');
      return false;
    }

    await launch(url);

    return canLaunchUrl;
  }

  void onCreated(AMapController controller) {
    AMapApprovalNumber.setApprovalNumber(controller);
    if (onMapCreated != null) onMapCreated!(controller);
  }

}




/// 获取审图号
/// 这里设计的很奇怪，当地图创建后才知道这个号码，但是这个号码不一定要显示在地图之上，却一定要显示在app之内，主要是和上架后的合规有关
class AMapApprovalNumber {
  static String? mapContentApprovalNumber;
  static String? satelliteImageApprovalNumber;

  static Function(String? mapContentApprovalNumber, String? satelliteImageApprovalNumber)? _listener;

  static void addListener(Function(String? mapContentApprovalNumber, String? satelliteImageApprovalNumber) run) {
    _listener = run;
  }

  static void setApprovalNumber(AMapController? mapController) async {
    //普通地图审图号
    mapContentApprovalNumber = await mapController?.getMapContentApprovalNumber();
    //卫星地图审图号
    satelliteImageApprovalNumber = await mapController?.getSatelliteImageApprovalNumber();

    if (kDebugMode) {
      print('地图审图号（普通地图）: $mapContentApprovalNumber');
      print('地图审图号（卫星地图): $satelliteImageApprovalNumber');
    }

    if (_listener != null) _listener!(mapContentApprovalNumber, satelliteImageApprovalNumber);
  }
}




///需要在程序启动时向用户展示隐私政策等
///高德地图的定位插件，可以进行连续定位，返回当前位置的经纬度以及转译过的位置信息
mixin AMapLocationStateMixin<WIDGET extends StatefulWidget> on State<WIDGET> {

  String get title;
  String get iosKey;
  String get androidKey;


  /// 是否拥有定位权限
  bool get hasLocationPermission => _hasLocationPermission;

  ///获取到的定位信息
  Map<String, Object> get locationResult => _locationResult ?? {};
  ///整理过的数据
  LocationInfo get locationInfo => LocationInfo(locationResult);

  ///开始定位
  void startLocation() {
    ///开始定位之前设置定位参数
    _setLocationOption();
    _locationPlugin.startLocation();
  }

  ///停止定位
  void stopLocation() {
    _locationPlugin.stopLocation();
  }


  Map<String, Object>? _locationResult;

  StreamSubscription<Map<String, Object>>? _locationListener;
  final AMapFlutterLocation _locationPlugin = AMapFlutterLocation();
  // final List<LatLng> _traackPath = [];
  late AMapController _mapController;

  @override
  void initState() {
    super.initState();
    setPath();

    AMapFlutterLocation.updatePrivacyShow(true, true);

    AMapFlutterLocation.updatePrivacyAgree(true);

    /// 动态申请定位权限
    _requestLocationPermission();

    AMapFlutterLocation.setApiKey(androidKey, iosKey);

    ///iOS 获取native精度类型
    if (Platform.isIOS) {
      _requestAccuracyAuthorization();
    }

    ///注册定位结果监听
    _locationListener = _locationPlugin.onLocationChanged().listen((Map<String, Object> result) {
      setState(() {
        _locationResult = result;
      });
    });
  }

  // AMapController _mapController;
  Map mapMakerListMap = <dynamic, Marker>{};
  Map mapPolylineListMap = <dynamic, Polyline>{};
  final List<LatLng> _trackPath = [];
  late final List trackList;
  late final List<LatLng> pointList;

  late final LatLng center;
  late final double zoom;

// 设置轨迹路径
  setPath() {
    if (trackList.isNotEmpty) {
      for (var item in trackList) {
        if (item is Map<String, dynamic>) {
          LatLng? latLng = LatLng.fromJson(item);
          if (latLng != null) {
            _trackPath.add(latLng);
          }
        }
        if (item is List && item.length == 2) {
          LatLng latLng = LatLng(item[0], item[1]);
          _trackPath.add(latLng);
        }
      }
    }
    mapClean();
  }

  mapClean() async {
    mapMakerListMap.clear();
    mapPolylineListMap.clear();
    setState(() => null);
  }

  @override
  void dispose() {
    super.dispose();

    ///移除定位监听
    if (null != _locationListener) {
      _locationListener?.cancel();
    }

    ///销毁定位
    _locationPlugin.destroy();
  }

  ///设置定位参数
  void _setLocationOption() {
    AMapLocationOption locationOption = AMapLocationOption();

    ///是否单次定位
    locationOption.onceLocation = false;

    ///是否需要返回逆地理信息
    locationOption.needAddress = true;

    ///逆地理信息的语言类型
    locationOption.geoLanguage = GeoLanguage.DEFAULT;

    locationOption.desiredLocationAccuracyAuthorizationMode = AMapLocationAccuracyAuthorizationMode.ReduceAccuracy;

    locationOption.fullAccuracyPurposeKey = "AMapLocationScene";

    ///设置Android端连续定位的定位间隔
    locationOption.locationInterval = 2000;

    ///设置Android端的定位模式<br>
    ///可选值：<br>
    ///<li>[AMapLocationMode.Battery_Saving]</li>
    ///<li>[AMapLocationMode.Device_Sensors]</li>
    ///<li>[AMapLocationMode.Hight_Accuracy]</li>
    locationOption.locationMode = AMapLocationMode.Hight_Accuracy;

    ///设置iOS端的定位最小更新距离<br>
    locationOption.distanceFilter = -1;

    ///设置iOS端期望的定位精度
    /// 可选值：<br>
    /// <li>[DesiredAccuracy.Best] 最高精度</li>
    /// <li>[DesiredAccuracy.BestForNavigation] 适用于导航场景的高精度 </li>
    /// <li>[DesiredAccuracy.NearestTenMeters] 10米 </li>
    /// <li>[DesiredAccuracy.Kilometer] 1000米</li>
    /// <li>[DesiredAccuracy.ThreeKilometers] 3000米</li>
    locationOption.desiredAccuracy = DesiredAccuracy.Best;

    ///设置iOS端是否允许系统暂停定位
    locationOption.pausesLocationUpdatesAutomatically = false;

    ///将定位参数设置给定位插件
    _locationPlugin.setLocationOption(locationOption);
  }


  ///获取iOS native的accuracyAuthorization类型
  Future<AMapAccuracyAuthorization> _requestAccuracyAuthorization() async {
    AMapAccuracyAuthorization currentAccuracyAuthorization = await _locationPlugin.getSystemAccuracyAuthorization();
    if (kDebugMode) {
      if (currentAccuracyAuthorization == AMapAccuracyAuthorization.AMapAccuracyAuthorizationFullAccuracy) {
        print("精确定位类型");
      } else if (currentAccuracyAuthorization == AMapAccuracyAuthorization.AMapAccuracyAuthorizationReducedAccuracy) {
        print("模糊定位类型");
      } else {
        print("未知定位类型");
      }
    }

    return currentAccuracyAuthorization;
  }


  bool _hasLocationPermission = false;

  /// 申请定位权限
  Future<void> _requestLocationPermission() async {
    //获取当前的权限
    var status = await Permission.location.status;
    if (status == PermissionStatus.granted) {
      //已经授权
      _hasLocationPermission = true;
    } else {
      //未授权则发起一次申请
      status = await Permission.location.request();
      if (status == PermissionStatus.granted) {
        _hasLocationPermission = true;
      } else {
        _hasLocationPermission = false;
      }
    }

    if (kDebugMode) {
      if (_hasLocationPermission) {
        print("定位权限申请通过");
      } else {
        print("定位权限申请不通过");
      }
    }

  }
}


class LocationInfo {

  //TODO:应当再此类对信息做转换，明确数据类型

  String? locTime;
  String? province;
  String? callbackTime;
  String? district;
  double? speed;

  double? latitude;
  double? longitude;

  String? country;
  String? city;
  String? cityCode;
  String? street;
  String? streetNumber;
  String? address;
  String? description;

  double? bearing;
  double? accuracy;
  String? adCode;
  double? altitude;
  int? locationType;

  LocationInfo(Map<String, Object> locationResult) {
    locTime = locationResult["locTime"] as String;
    province = locationResult["province"] as String;
    callbackTime = locationResult["callbackTime"] as String;
    district = locationResult["district"] as String;
    speed = locationResult["speed"] as double;

    latitude = double.parse(locationResult["latitude"] as String);
    longitude = double.parse(locationResult["longitude"] as String);

    country = locationResult["country"] as String;
    city = locationResult["city"] as String;
    print(city);
    cityCode = locationResult["cityCode"] as String;
    street = locationResult["street"] as String;
    streetNumber = locationResult["streetNumber"] as String;
    address = locationResult["address"] as String;
    description = locationResult["description"] as String;

    bearing = locationResult["bearing"] as double;
    accuracy = locationResult["accuracy"] as double;
    adCode = locationResult["adCode"] as String;
    altitude = locationResult["altitude"] as double;
    locationType = locationResult["locationType"] as int;
  }

}

 

允澄
关注
Android高德地图点击大头针更换大头针图片
yu19931202的博客
05-25 3021
今天领导提了个需求，就是地图上的大头针太过密集的时候，点哪个大头针不清楚，需要我把大头针更换个图片或者把原来的大头针变大来区别到底点击的是哪个。 需求来了就开始完成需求吧，因为对安卓真的不熟悉，加上安卓的API看着真是费劲，压根没有iOS那样有明确的备注，哪个方法是干什么的，哪个参数代表什么意思，我只能上网搜了，结果搜了半天全是不相干的东西，真是尼玛蛋的，一群鸟人，无力吐槽，靠自己吧。 点击前的
flutter配置高德地图定位
qq_41110569的博客
07-20 1370
flutter配置高德地图定位 1.amap_location导入 packget get amap_location: 0.1.0 再导入 import xxxxxxxx 再根据官方packget中的初始方式 packget get import 'package:amap_location/amap_location.dart'; void main(){ ...
flutter-高德地图加载自定义marker
大圣归来圣骑士清欢的博客
05-31 1098
高德地图加载自定义marker
Flutter 高德定位 permission_handler + amap_flutter_location 单例封装
tangzhengdz的博客
10-16 1075
最近Flutter开发需要用到定位，使用高德定位（amap_flutter_location）。 在pubspec.yaml文件配置 dependencies: amap_flutter_location: ^2.0.0 Android、Ios 申请高德地图key(这里不做多说,按照高德官方配置就行)集成高德定位Flutter插件-定位Flutter插件-开发指南-Flutter插件 | 高德地图API 注意点，Android 还需要在 build.gradl...
Flutter amap_flutter_map 缩放地图使两点都在地图上显示
gaoyp的专栏
04-25 947
CameraUpdate update = CameraUpdate.newLatLngBounds(bound, 10); _mapController?.moveCamera(update); 上面这个不好用，实际测试，并不会缩放地图。 最后只能是先算出两点的中心点后，以中心点为基点，计算两点间的横向距离，再由距离大体估算出zoom的值来： _configWorkDayMap() async { //116 LatLng latLng1 = LatLng(39.91,116.6.
flutter 高德地图插件demo
12-28
在本文中，我们将深入探讨如何在Flutter应用中集成和使用高德地图插件，以便为用户提供地图功能。Flutter是一款由Google开发的开源UI工具包，用于构建高性能、高保真度的跨平台移动应用。而高德地图是中国领先的数字...
flutter集成高德地图
03-11
flutter集成高德地图，包含定位，地图显示，触摸地图插入marker，marker自定义图标，地点搜索
Android集成高德Flutter地图（二）自定义Marker显示
wz_1992的博客
09-30 1524
Flutter高德地图自定义Marker
高德地图 自定义marker
yuyu_2019的博客
04-19 697
function AddPoint (arr) { let index = 1 + markerList.length // 序号 var content = '<div class="marker-icon">' + index + '</div>'; // 自定义marker var marker = new AMap.Marker({ content: content, position: arr,//位置 }) map.add(marke
flutter 高德地图渲染行走轨迹
Bloxed_shangyc的博客
04-28 1664
安装地图插件 permission_handler: ^5.0.1+1 amap_map_fluttify: ^0.30.1 flutter_screenutil: 4.0.2+3 flutter_easyloading: ^2.2.2 渲染关键代码 // 添加线段 //lines 结构 [LatLng(26.642386, 106.65195799999998), LatLng(26.641542, 106.65062999999998), LatLng(26.641402, 106.6.
Flutter 替换高德定位默认图标
MoonAndroid的博客
11-04 2051
修改AMapWidget方法中的myLocationStyleOptions可以改变定位默认图标 myLocationStyleOptions: MyLocationStyleOptions( true, circleFillColor: Colors.transparent, circleStrokeColor: Colors.blue, circleStrokeWidth: 1, //根据输入的icon路径[iconPath
Android集成高德Flutter地图（三）定位
wz_1992的博客
10-10 4330
高德地图定位Flutter实现
flutter百度地图定位, poi检索功能
xtyzmnchen的博客
08-15 2649
/ 请在主工程的Manifest文件里设置，详细配置方法请参考官网(https://lbsyun.baidu.com/)demo。四、设置定位参数(安卓可以, 但iOS设置之后百度无法回调定位信息, 暂时没法解决)// 可选，设置场景定位参数，包括签到场景、运动场景、出行场景。horizontalAccuracy: 5, // 水平精确度。coordinate: coordinate, // 经纬度。// 如果设置为0，则代表单次定位，即仅定位一次，默认为0。......
Android 百度地图sdk 标注图marker中可以切换显示不同内容
清晨
04-29 9508
记录一个前段时间解决的功能需求 先直接上图片看看实现后的效果： 具体需求为，在地图页上显示出所有的场站marker之后，点击左侧的按钮可以实现动态切换场站marker中显示的数据。实现思路为：构造marker时，icon方法中传入的参数BitmapDescriptor设置为一个自定义的view，而不是一张简单图片，在这个view中，将大头针图片设置为view背景，上面放一个textview，点击
Android 高德地图集成 地图展示+定位+路线规划+各种原有图标的隐藏处理
热门推荐
本人很懒
01-23 1万+
先扔一些高德原有UI的更改占坑. //更改系统原有定位图标 MyLocationStyle myLocationStyle = new MyLocationStyle(); myLocationStyle.myLocationIcon(BitmapDescriptorFactory .fromResource(R.drawable.gps_point));// 设置小蓝点...
Flutter 简述(1)
起司锅仔的博客
11-02 616
Flutter是Google开源的应用框架，只要一套代码兼顾Android、iOS、Web、Windows、macOS和Linux六个平台，它的设计思路可以说更加先进，不像ReactNative每个组件都需要有对应的原生组件实现，而是通过skia或者其他的渲染引擎来直接渲染画面，Flutter使用dart虚拟机来实现跨平台管理UI。
Flutter下拉刷新上拉加载的简单实现方式一
最新发布
且听真言
11-05 836
使用 `disposed` 字段可以有效地防止在组件销毁后进行不必要或有害的 UI 更新。这种模式特别适用于涉及异步操作的 Flutter 应用开发，确保代码在处理 `State` 生命周期时更加健壮。在 Flutter 中，`dispose` 方法是一个非常重要的生命周期方法，用于在不再需要一个对象时释放资源。通常，`dispose` 方法用于清理那些可能导致内存泄漏的资源，如控制器、监听器和订阅等。
flutter 高德地图绘制轨迹
09-17
在Flutter中，使用高德地图绘制轨迹需要以下几个步骤： 第一步，需要在pubspec.yaml文件中添加高德地图插件依赖。可以在Flutter官方插件网站找到相关的插件信息，并将其添加到pubspec.yaml中。 第二步，创建一个地图页面并引入相关的库文件。在Flutter中，可以使用‘import’语句导入所需的库文件。然后，创建一个StatefulWidget类，并在build方法中返回一个Scaffold组件作为页面的根组件。 第三步，获取定位数据。使用Flutter的定位插件获取当前设备的位置信息。可以在页面初始化时通过初始化插件，并获取位置信息。然后，将位置信息传递给地图组件。 第四步，将地图放置在页面上。可以使用高德地图插件提供的MapView组件将地图添加到页面中。同时，配置相关的地图参数，如地图的缩放级别、中心点等。 第五步，绘制轨迹。将获取到的位置信息按时间顺序记录下来，并在地图上根据位置数据绘制轨迹。可以使用高德地图插件提供的Polyline组件进行轨迹的绘制。 第六步，更新轨迹。随着设备位置的变化，需要实时更新轨迹。可以通过监听定位插件的位置变化事件，获取到最新的位置信息，并更新轨迹。 最后，注意进行相关的错误处理和资源释放工作。在使用过程中，需要注意处理异常情况，如设备不支持定位等。同时，在不需要使用地图时，需要释放相关的资源，以免造成资源浪费。 综上所述，使用Flutter绘制高德地图的轨迹需要引入相关的插件依赖，获取设备的位置信息，将地图添加到页面上并配置相关参数，根据位置数据绘制轨迹，并实时更新轨迹。同时还需处理异常情况和释放资源。这样就可以实现在Flutter中绘制高德地图轨迹的功能了。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

允澄

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值