Flutter高德地图插件 flutter_amap 使用指南

Flutter高德地图插件 flutter_amap 使用指南

flutter_amap A Flutter plugin use amap.高德地图flutter组件 flutter_amap 项目地址: https://gitcode.com/gh_mirrors/fl/flutter_amap


安装指南

Android平台集成步骤

  1. 获取API密钥: 访问高德地图API控制台,注册并创建应用后获取API密钥。

  2. 配置AndroidManifest.xml: 在<application>标签内添加以下元数据:

    <meta-data
        android:name="com.amap.api.v2.apikey"
        android:value="你的API密钥" />
    

    同时,确保已经包含了必要的权限:

    <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />
    <uses-permission android:name="android.permission.ACCESS_COARSE_LOCATION" />
    <!-- 其他所需权限 -->
    
  3. 添加Activity: 在<application>中添加用于承载地图的Activity:

    <activity android:name="com.jzoom.flutteramap.AMapActivity" android:theme="@style/Theme.AppCompat.Light.DarkActionBar"/>
    

iOS平台集成指南

  1. 获取API密钥: 同样通过访问高德地图API控制台获取iOS应用的API密钥。

  2. Dart代码设置密钥: 在应用程序启动时设置API密钥,如main.dart中:

    import 'package:flutter_amap/flutter_amap.dart';
    
    void main() {
      FlutterAmap.setApiKey("你的iOS API密钥");
      runApp(MyApp());
    }
    
  3. 配置Info.plist: 添加定位使用描述:

    <key>NSLocationWhenInUseUsageDescription</key>
    <string>应用需要您的位置信息以提供服务。</string>
    

项目使用说明

  1. 依赖添加: 在项目的pubspec.yaml文件中,加入flutter_amap的依赖:

    dependencies:
      flutter_amap: "^0.0.1"
    

    运行flutter pub get来下载依赖。

  2. 导入与基础使用: 在需要使用地图功能的dart文件顶部引入库:

    import 'package:flutter_amap/flutter_amap.dart';
    

    示例用法如下:

    FlutterAmap amap = new FlutterAmap();
    
    void displayMap() {
      amap.show(
          mapview: new AMapView(
              centerCoordinate: new LatLng(39.9242, 116.3979), // 中心点坐标
              zoomLevel: 13.0, // 缩放等级
              mapType: MapType.night, // 夜间模式
              showsUserLocation: true), // 显示用户位置
          title: new TitleOptions(title: "北京地图")); // 标题选项
      // 监听位置更新
      amap.onLocationUpdated.listen((Location location) {
        print("位置更新: $location");
      });
    }
    

API使用文档

当前版本提供了基本地图操作,如展示地图、设定初始位置、地图类型切换以及接收位置更新事件。更高级的功能如自定义标记、搜索API等尚待实现。


此文档为基于flutter_amap插件的基础使用说明,涵盖了从安装到使用的全过程。随着插件的持续更新,更多特性将会被加入,开发者应参照最新的文档进行应用开发。

flutter_amap A Flutter plugin use amap.高德地图flutter组件 flutter_amap 项目地址: https://gitcode.com/gh_mirrors/fl/flutter_amap

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

打赏作者

苗熠蔓

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

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

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

打赏作者

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

抵扣说明:

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

余额充值