flutter高德地图大头针

这篇具有很好参考价值的文章主要介绍了flutter高德地图大头针。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

1、效果图
flutter高德地图大头针,flutter
2、pub get

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

3、上代码文章来源地址https://www.toymoban.com/news/detail-681917.html

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;
  }
 
}

到了这里,关于flutter高德地图大头针的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 高德地图与百度地图坐标相互转化

    1. WGS-84原始坐标系 ,一般用国际GPS纪录仪记录下来的经纬度,通过GPS定位拿到的原始经纬度,Google和高德地图定位的的经纬度(国外)都是基于WGS-84坐标系的;但是在国内是不允许直接用WGS84坐标系标注的,必须经过加密后才能使用; 2. GCJ-02坐标系 ,又名“火星坐标系

    2024年02月16日
    浏览(41)
  • 高德地图实现-微信小程序地图导航

    1、在高德开放平台注册成为开发者 2、申请开发者密钥(key)。 3、下载并解压高德地图微信小程序SDK 注册账号(https://lbs.amap.com/)) 申请小程序应用的 key 应用管理(https://console.amap.com/dev/key/app)) - 我的应用 - 创建新应用 生成的 key 即可用在程序中 下载相关 sdk 文件,导入 amap-

    2024年02月08日
    浏览(71)
  • Vue 引入高德地图:实现地图展示与交互

    本文将介绍如何在Vue项目中引入高德地图,以及如何实现地图的展示和交互功能。我们将从安装依赖开始,然后配置高德地图的密钥和相关插件,最后演示如何在Vue组件中使用地图组件和实现基本的交互功能。通过本文的指导,您将能够轻松地在Vue项目中集成高德地图,实现

    2024年02月08日
    浏览(48)
  • 微信小程序腾讯地图定位转高德地图定位

    微信小程序获取到了当前用户的定位,需要在高德地图上进行渲染。 发现正常渲染后,偏差几百米。 这里图方便,直接丢到window上了 这里演示“腾讯地图”转“高德地图”

    2024年01月25日
    浏览(89)
  • 微信小程序,高德地图

    高德开放平台: 注册账号(https://lbs.amap.com/) 去高德地图平台申请小程序应用的 key 应用管理(https://console.amap.com/dev/key/app) - 我的应用 - 创建新应用 生成的 key 即可用在程序中 下载相关 sdk 文件,导入 amap-wx.js 到项目中:https://lbs.amap.com/api/wx/download 创建 AMapWX 对象 api getRegeo 获取

    2024年02月09日
    浏览(53)
  • 高德地图js api

    官网:开发 | 高德地图API vue-amap 基于vue的高德地图:组件 | vue-amap 注意事项:地图盒子一定要有宽高!!!!! 在项目中安装 default-passive-events,并引入 main.js 中, 这个包的作用是通过添加 passive,来阻止 touchstart 事件,让页面更加流畅。 事件使用 ***.on(‘事件名比如:(cli

    2024年02月04日
    浏览(42)
  • UniApp 制作高德地图插件

    1、下载Uni插件项目 在Uni官网下载Uni插件项目,并参考官网插件项目创建插件项目. 开发者须知 | uni小程序SDK 如果下载下来项目运行不了可以参考下面链接进行处理 UniApp原生插件制作_wangdaoyin2010的博客-CSDN博客 2、引入高德SDK 2.1 在高德官网下载对应SDK 相关下载-Android 地图SD

    2024年02月12日
    浏览(90)
  • 【高德地图入门】--- 解析geojson

    简介 GeoJSON是一种用于编码各种地理数据结构的数据。GeoJSON对象可以表示几何、特征或特征集合。GeoJSON支持以下几何类型:点(Point)、线(LineString)、面(Polygon)、多点(MultiPoint)、多线(MultiLineString)、多面(MultiPolygon)和几何集合(GeometryCollection)。GeoJSON中的功能包

    2023年04月09日
    浏览(31)
  • 【Vue】集成高德地图

    注册成为高德开发者 获取申请的安全密钥、申请好的Web端开发者Key 创建Vue 工程 创建地图组件 引入地图组件 首先创建一个vue工程 安装 创建地图组件 将代码中的xx 替换成你的安全密钥和Web端开发者Key 引入地图组件 测试预览

    2024年02月11日
    浏览(43)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包