zoukankan      html  css  js  c++  java
  • 67-Flutter中高德地图插件的使用

    1、注册和建立高德API应用

    高德网站:https://lbs.amap.com/

    控制台-应用管理-创建应用

    在创建 Key

    2、获得SHA1

    进入Flutter项目中的android文件夹内,打开任意一个文件:

    比如进入 build.gradle,右上角会有 Open for Editing an Android Studio

    点击一下,在新窗口打开该android项目:

    打开后如图所示:

    点击右侧 Gradle>android>app>Tasks>android>signingReport

    控制台尽管打印了很多信息,但是 SHA1 是相同的,这就是我们需要的值。

    3、获得PackageName

    4、配置AndoridManifest.xml文件

    在AndroidManifest.xml的application标签中配置Key:

    https://lbs.amap.com/api/android-location-sdk/gettingstarted/

    <meta-data
        android:name="com.amap.api.v2.apikey"
        android:value="你的key">

    </meta-data>

    5、编写代码

    需要先进入根目录的pubspec.yaml文件,进行依赖注册。

    amap_base: ^0.3.5

    main.dart 文件全部测试代码:

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

    void main()async{
      runApp(MyApp());

    }

    class MyApp extends StatelessWidget {

      @override
      Widget build(BuildContext context) {
        return MaterialApp(
          title: 'Flutter Demo',
          theme: ThemeData(

            primarySwatch: Colors.blue,
          ),
          home: MyHomePage(title: '高德地图测试'),
        );
      }
    }

    class MyHomePage extends StatefulWidget {
      MyHomePage({Key key, this.title}) : super(key: key);
      final String title;

      @override
      _MyHomePageState createState() => _MyHomePageState();
    }

    class _MyHomePageState extends State<MyHomePage{

      AMapController _controller;

      @override
      Widget build(BuildContext context) {

        return Scaffold(
          appBar: AppBar(

            title: Text(widget.title),
          ),
          body:AMapView(
                  onAMapViewCreated: (controller) {
                    _controller = controller;
                  },
                  amapOptions: AMapOptions(
                    compassEnabled: false,
                    zoomControlsEnabled: true,
                    logoPosition: LOGO_POSITION_BOTTOM_CENTER,
                    camera: CameraPosition(
                      target: LatLng(41.851827112.801637),
                      zoom: 4,
                    ),
                  ),

         );
      }

    }

    运行效果图:

  • 相关阅读:
    Spring使用JDBC配置具名参数
    linux中的匿名管道和命名管道
    linux查看CPU信息
    磁盘阵列RAID原理、种类及性能优缺点对比
    SMP和MPP的优缺点
    Hadoop datablock size
    MySQL 高可用架构之MHA
    MySQL 高可用架构之MMM
    五大常见的MySQL高可用方案
    hive加载数据
  • 原文地址:https://www.cnblogs.com/niceyoo/p/11095938.html
Copyright © 2011-2022 走看看