zl程序教程

您现在的位置是:首页 >  其他

当前栏目

Flutter开发 -flutter百度地图接入指南,外加定位,反地理编码,这些功能组成一个类似饿了么的配送员配送界面,这些功能你心动么?

百度定位编码flutter开发 一个 指南 功能
2023-09-11 14:21:22 时间

今天这篇博客说的是地图和定位的问题,不一样的是,这是在flutter中处理地图,定位,反地理编码。

先看下做出来的效果如何:
在这里插入图片描述

目前用到的都是模拟数据,真实场景大家自己接入数据即可。

这里的功能分为几部分:

1.百度地图;
2.定位功能;(百度地图提供了定位功能,需要单独引入,但是这里选择使用其他的基于LBS的定位)
3.反地理编码;
4.抽屉功能;(就是这个可以拖拽的列表,可展开,可折叠)
5.滑动按钮;
6.插旗和更新位置信息;
7.总结和页面完整代码。

然后我们来一步步说明怎么来使用这些功能:

1.百度地图


百度地图flutter插件接入地址:http://lbsyun.baidu.com/index.php?title=flutter/loc

至于接入的部分,大家参照文档来接入,不再赘述。
引入地图库:

  flutter_baidu_mapapi_map: ^2.0.0

地图在接入后需要初始化:

    // 百度地图sdk初始化鉴权
    if (Platform.isIOS) {
      BMFMapSDK.setApiKeyAndCoordType(
          'xxxxxxxxxxxxxxxxxxxx'