flutter集成百度地图

1.官方文档地址：flutter | 百度地图API SDK，

第一步去申请地图的key

2.配置android端的key

（1）manifest里面增加：

<meta-data

android:name="com.baidu.lbsapi.API_KEY"

android:value="请 输 入 您 的 AK" >

（2）MyApplication extends BmfMapApplication使用

3.根据文档进行定位集成，

在启动的时候增加以下代码：

//百度地图初始化

LocationFlutterPlugin myLocPlugin = LocationFlutterPlugin();

/// 动态申请定位权限

requestPermission();

// 设置是否隐私政策

myLocPlugin.setAgreePrivacy(true);

BMFMapSDK.setAgreePrivacy(true);

if (Platform.isIOS) {

/// 设置ios端ak, android端ak可以直接在清单文件中配置

myLocPlugin.authAK('请 输 入 您 的 AK');

BMFMapSDK.setApiKeyAndCoordType('请 输 入 您 的 AK', BMF_COORD_TYPE.BD09LL);

} else if (Platform.isAndroid) {

// Android 目前不支持接口设置Apikey,

// 请在主工程的Manifest文件里设置，详细配置方法请参考官网(https://lbsyun.baidu.com/)demo

BMFMapSDK.setCoordType(BMF_COORD_TYPE.BD09LL);

}

/// iOS端鉴权结果

myLocPlugin.getApiKeyCallback(callback: (String result) {

String str = result;

print('鉴权结果：' + str);

});

4.实际使用进行定位和地图加载可参照以下代码：

import 'dart:io';

import 'package:flutter/material.dart';

import 'package:flutter_baidu_mapapi_map/flutter_baidu_mapapi_map.dart';

import 'package:flutter_bmflocation/flutter_bmflocation.dart';

import 'package:baidulocation_flutter_demo/widgets/loc_appbar.dart';

import 'package:flutter_baidu_mapapi_base/flutter_baidu_mapapi_base.dart';

class SingleLocationPage extends StatefulWidget {

const SingleLocationPage({Key? key}) : super(key: key);

@override

_MyAppState createState() => _MyAppState();

}

class _MyAppState extends State<SingleLocationPage> {

BaiduLocation _loationResult = BaiduLocation();

late BMFMapController _myMapController;

final LocationFlutterPlugin _myLocPlugin = LocationFlutterPlugin();

bool _suc = false;

@override

void initState() {

super.initState();

///单次定位时如果是安卓可以在内部进行判断调用连续定位

if (Platform.isIOS) {

///接受定位回调

_myLocPlugin.singleLocationCallback(callback: (BaiduLocation result) {

setState(() {

_loationResult = result;

locationFinish();

});

});

} else if (Platform.isAndroid) {

///接受定位回调

_myLocPlugin.seriesLocationCallback(callback: (BaiduLocation result) {

setState(() {

_loationResult = result;

locationFinish();

_myLocPlugin.stopLocation();

});

});

}

}

@override

Widget build(BuildContext context) {

List<Widget> resultWidgets = [];

if (_loationResult.locTime != null) {

_loationResult.getMap().forEach((key, value) {

resultWidgets.add(_resultWidget(key, value));

});

}

return MaterialApp(

home: Scaffold(

appBar: BMFAppBar(

title: '单次定位',

isBack: true,

onBack: () {

Navigator.pop(context);

},

),

body: Column(children: [

_createMapContainer(),

Container(height: 20),

SizedBox(

height: MediaQuery.of(context).size.height - 500,

child: ListView(

children: resultWidgets,

),

),

_createButtonContainer()

]),

));

}

Widget _createMapContainer() {

return SizedBox(

height: 300,

child: BMFMapWidget(

onBMFMapCreated: (controller) {

onBMFMapCreated(controller);

},

mapOptions: initMapOptions(),

));

}

Widget _createButtonContainer() {

return Container(

alignment: Alignment.bottomCenter,

child: ElevatedButton(

onPressed: () {

///设置定位参数

_locationAction();

_startLocation();

},

child: const Text('开始定位'),

style: ElevatedButton.styleFrom(

primary: Colors.blueAccent, //change background color of button

onPrimary: Colors.yellow, //change text color of button

shape: RoundedRectangleBorder(

borderRadius: BorderRadius.circular(5),

),

)),

);

}

Widget _resultWidget(key, value) {

return Center(

child: Column(

mainAxisAlignment: MainAxisAlignment.center,

children: <Widget>[

Text('$key:' ' $value'),

]),

);

}

void _locationAction() async {

/// 设置android端和ios端定位参数

/// android 端设置定位参数

/// ios 端设置定位参数

Map iosMap = initIOSOptions().getMap();

Map androidMap = initAndroidOptions().getMap();

_suc = await _myLocPlugin.prepareLoc(androidMap, iosMap);

print('设置定位参数：$iosMap');

}

/// 设置地图参数

BaiduLocationAndroidOption initAndroidOptions() {

BaiduLocationAndroidOption options = BaiduLocationAndroidOption(

coorType: 'bd09ll',

locationMode: BMFLocationMode.hightAccuracy,

isNeedAddress: true,

isNeedAltitude: true,

isNeedLocationPoiList: true,

isNeedNewVersionRgc: true,

isNeedLocationDescribe: true,

openGps: true,

locationPurpose: BMFLocationPurpose.sport,

coordType: BMFLocationCoordType.bd09ll);

return options;

}

BaiduLocationIOSOption initIOSOptions() {

BaiduLocationIOSOption options = BaiduLocationIOSOption(

coordType: BMFLocationCoordType.bd09ll,

BMKLocationCoordinateType: 'BMKLocationCoordinateTypeBMK09LL',

desiredAccuracy: BMFDesiredAccuracy.best);

return options;

}

/// 启动定位

Future<void> _startLocation() async {

if (Platform.isIOS) {

_suc = await _myLocPlugin

.singleLocation({'isReGeocode': true, 'isNetworkState': true});

print('开始单次定位：$_suc');

} else if (Platform.isAndroid) {

_suc = await _myLocPlugin.startLocation();

}

}

///定位完成添加mark

void locationFinish() {

/// 创建BMFMarker

BMFMarker marker = BMFMarker.icon(

position: BMFCoordinate(

_loationResult.latitude ?? 0.0, _loationResult.longitude ?? 0.0),

title: 'flutterMaker',

identifier: 'flutter_marker',

icon: 'resoures/icon_mark.png');

print(_loationResult.latitude.toString() +

_loationResult.longitude.toString());

/// 添加Marker

_myMapController.addMarker(marker);

///设置中心点

_myMapController.setCenterCoordinate(

BMFCoordinate(

_loationResult.latitude ?? 0.0, _loationResult.longitude ?? 0.0),

false);

}

/// 设置地图参数

BMFMapOptions initMapOptions() {

BMFMapOptions mapOptions = BMFMapOptions(

center: BMFCoordinate(39.917215, 116.380341),

zoomLevel: 12,

mapPadding: BMFEdgeInsets(top: 0, left: 0, right: 0, bottom: 0));

return mapOptions;

}

/// 创建完成回调

void onBMFMapCreated(BMFMapController controller) {

_myMapController = controller;

/// 地图加载回调

_myMapController.setMapDidLoadCallback(callback: () {

print('mapDidLoad-地图加载完成');

});

}

}

亲测可用