Flutter使用百度地图接口实现地图功能

最新推荐文章于 2024-08-01 10:46:52 发布

羽化登仙°

最新推荐文章于 2024-08-01 10:46:52 发布

阅读量1k

点赞数

文章标签：街景地图百度 android flutter

本文链接：https://blog.csdn.net/weixin_44290628/article/details/115771273

版权

使用百度地图API实现地图功能

首先配置安卓的环境，创建好项目后用Android studio打开android项目
打开之后创建一个新的Application，继承百度的BmfMapApplication类

package com.example.baidumap;
import com.baidu.mapapi.base.BmfMapApplication;

public class MyApplication extends BmfMapApplication{
    public void onCreate(){
        super.onCreate();
    }
}

在这里插入图片描述

修改AndroidManifest

涂掉的地方是自己申请的百度AK

<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="com.example.baidumap">
    <!-- io.flutter.app.FlutterApplication is an android.app.Application that
         calls FlutterMain.startInitialization(this); in its onCreate method.
         In most cases you can leave this as-is, but you if you want to provide
         additional functionality it is fine to subclass or reimplement
         FlutterApplication and put your custom class here. -->
    <application
        android:name="MyApplication"
        android:label="baidumap"
        android:icon="@mipmap/ic_launcher">
        <activity
            android:name=".MainActivity"
            android:launchMode="singleTop"
            android:theme="@style/LaunchTheme"
            android:configChanges="orientation|keyboardHidden|keyboard|screenSize|smallestScreenSize|locale|layoutDirection|fontScale|screenLayout|density|uiMode"
            android:hardwareAccelerated="true"
            android:windowSoftInputMode="adjustResize">
            <!-- Specifies an Android theme to apply to this Activity as soon as
                 the Android process has started. This theme is visible to the user
                 while the Flutter UI initializes. After that, this theme continues
                 to determine the Window background behind the Flutter UI. -->
            <meta-data
              android:name="io.flutter.embedding.android.NormalTheme"
              android:resource="@style/NormalTheme"
              />
            <!-- Displays an Android View that continues showing the launch screen
                 Drawable until Flutter paints its first frame, then this splash
                 screen fades out. A splash screen is useful to avoid any visual
                 gap between the end of Android's launch screen and the painting of
                 Flutter's first frame. -->
            <meta-data
              android:name="io.flutter.embedding.android.SplashScreenDrawable"
              android:resource="@drawable/launch_background"
              />
            <meta-data
                android:name="com.baidu.lbsapi.API_KEY"
                android:value="自己申请的百度AK"
                />
            <intent-filter>
                <action android:name="android.intent.action.MAIN"/>
                <category android:name="android.intent.category.LAUNCHER"/>
            </intent-filter>
        </activity>
        <!-- Don't delete the meta-data below.
             This is used by the Flutter tool to generate GeneratedPluginRegistrant.java -->
        <meta-data
            android:name="flutterEmbedding"
            android:value="2" />
    </application>
</manifest>

打开android 目录app下的build.gradle文件，在release代码块中添加如下内容。（默认情况下 flutter不会开启 Android 的混淆）

proguardFiles getDefaultProguardFile('proguard-android.txt'), 
'proguard-rules.pro'

在这里插入图片描述
5. 创建 /android/app/proguard-rules.pro 文件

6. 编写混淆文件，打开proguard-rules.pro文件，添加如下代码。

-keep class com.baidu.** {*;}
-keep class vi.com.** {*;}
-keep class com.baidu.vi.** {*;}
-dontwarn com.baidu.**

创建百度地图显示组件

import 'package:flutter/material.dart';
import 'package:flutter_baidu_mapapi_base/flutter_baidu_mapapi_base.dart';
import 'package:flutter_baidu_mapapi_map/flutter_baidu_mapapi_map.dart';
class BaiduMap extends StatefulWidget {
  BMFMapOptions mapOptions = BMFMapOptions(
      center: BMFCoordinate(39.917215, 116.380341),
      zoomLevel: 12,
      mapPadding: BMFEdgeInsets(left: 30, top: 0, right: 30, bottom: 0));
  @override
  _BaiduMapState createState() => _BaiduMapState();
}

class _BaiduMapState extends State<BaiduMap> {
  BMFMapOptions mapOptions = BMFMapOptions(
      center: BMFCoordinate(39.917215, 116.380341),
      zoomLevel: 12,
      mapPadding: BMFEdgeInsets(left: 30, top: 0, right: 30, bottom: 0));
  @override
  Widget build(BuildContext context) {
    return Container(
      child: BMFMapWidget(
        onBMFMapCreated: (controller) {
          onBMFMapCreated(controller);
        },
        mapOptions: mapOptions,
      ),
    );
  }

  void onBMFMapCreated(BMFMapController controller) {}
}

创建main函数

import 'package:baidumap/baidu_map.dart';
import 'package:flutter/material.dart';
import 'package:flutter_baidu_mapapi_base/flutter_baidu_mapapi_base.dart';
import 'dart:io';
void main() {
  if(Platform.isIOS){
    BMFMapSDK.setApiKeyAndCoordType(
        '自己申请的百度AK', BMF_COORD_TYPE.BD09LL);
  }else if(Platform.isAndroid){
    BMFMapSDK.setCoordType(BMF_COORD_TYPE.BD09LL);}
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  // This widget is the root of your application.
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      home: BaiduMap(),
    );
  }
}