使用百度地图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(),
);
}
}