Flutter 调用百度地图APP实现位置搜索、路线规划

志在巅峰的攀登者，不会陶醉在沿途的某个脚印之中，在码农的世界里，优美的应用体验，来源于程序员对细节的处理以及自我要求的境界，年轻人也是忙忙碌碌的码农中一员，每天、每周，都会留下一些脚印，就是这些创作的内容，有一种执着，就是不知为什么，如果你迷茫，不妨来瞅瞅码农的轨迹。

1 开发准备

pubspec.yaml 配置文件中添加插件

dependencies:flutter:sdk: flutterurl_launcher: ^6.1.2

iOS 配置 info.plist

<key>LSApplicationQueriesSchemes</key>
<array><string>iosamap</string><string>baidumap</string>
</array>

2 Flutter 调起百度地图 - 搜索位置

百度地图开发文档

  /// 百度地图static Future<bool> openBaiduMap(double longitude,double latitude, {String? address,bool showErr = true,String? title,}) async {String url ="bdapp://map/geocoder?location=$latitude,$longitude&src=$title&coord_type=gcj02";if (Platform.isIOS) url = Uri.encodeFull(url);try {if (await canLaunchUrlString(url)) {await launchUrlString(url);return true;} else {if (showErr) showToastCommon('无法调起百度地图');return false;}} on Exception catch (e) {if (showErr) showToastCommon('无法调起百度地图');return false;}}

实际上是调用的百度地图开放api 反向地址解析

调起的结果如下：

3 坐标类型选择

需要注意的是 coord_type 坐标类型的取值

bd09ll（百度经纬度坐标）
bd09mc（百度墨卡托坐标）
gcj02（经国测局加密的坐标)
wgs84（gps获取的原始坐标）

如果不传递正确的坐标类型参数，会导致地点坐标位置偏移。默认为bd09经纬度坐标。

4 Flutter 调起百度地图 - 导航路线规划

百度地图开发文档

 static Future<bool> openBaiduMapNav(double longitude,double latitude, {String? address,bool showErr = true,String? title,}) async {String url ='baidumap://map/direction?destination=name:${address ?? ''}|latlng:$latitude,$longitude&coord_type=bd09ll&mode=driving';if (Platform.isIOS) url = Uri.encodeFull(url);try {if (await canLaunchUrlString(url)) {await launchUrlString(url);}} on Exception catch (e) {if (showErr) showToastCommon('无法调起百度地图');return false;}return true;}

实际上是调用的

Flutter 调用百度地图APP实现位置搜索、路线规划相关推荐

Flutter 调用高德地图APP实现位置搜索、路线规划、逆地理编码
1 开发准备 pubspec.yaml 配置文件中添加插件 dependencies:flutter:sdk: flutterurl_launcher: ^6.1.2 iOS 配置 info.plis ...
Python调用百度地图api获取起点终点路线规划距离和预估时长
现有起点和终点坐标值(经纬度lng.lat),目的是通过百度地图开发者平台的路线规划功能获取起点终点路线规划距离和预估时长,百度地图开发者平台路线规划使用说明网址为:http://lbsyun.bai ...
android h5调用百度地图,h5页面如何调用百度地图获取当前位置（代码）
本篇文章给大家带来的内容是关于h5页面如何调用百度地图获取当前位置(代码),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助. 在项目中越来越多的用到了手机的GRS定位功能,使用百度地图A ...
vue3调用百度地图标注选择位置并获取经纬度
vue3调用百度地图标注选择位置并获取经纬度参考了很多文章,最终结合百度文档各有采取完成地图选取经纬度. 第一步:引入百度地图,在当前需要地图的页面引入就行. const loadMapScript ...
openlayers调用高德地图web服务绘制驾车路线规划
openlayers调用高德地图web服务绘制驾车路线规划使用ol.geom.Polygon()函数将坐标点连接成线时,只连接数组中首末两点的坐标,是因为数组中的值并非number类型,需要将其进行 ...
h5页面调用百度地图获取当前位置并在地图上标注出来
在项目中越来越多的用到了手机的GRS定位功能,使用百度地图API获取当前位置并在地图上标注出来首先应该在官网上注册key 点击获取密钥,注册获取key. 完整代码如下: <!DOCTYPE ht ...
iOS调用各大地图APP导航，进行路线规划
最近收到了这么一个需求,就是支持目前主流的地图APP导航,也就是说跳转至第三方应用.说实在的一开始我是拒绝的,不过最后还是做了,全是体力活,为了方便大家,我就终结一下,以供参考: 首先是判断APP是否 ...
vue百度地图绘制行进路线/路书/路线规划/线路展示
实现效果申请KEY/安装插件点击这个链接注册账号https://lbsyun.baidu.com/https://lbsyun.baidu.com/ 然后按图操作安装插件操作都在这个链接htt ...
前端调用高德地图app、百度地图app
前端调用高德地图app.百度地图app 说明:这里只说明了前端如何调用app地图,没有代码,测试机上高德地图.百度地图.腾讯地图,都已经安装好了,如果没有安装,调起app地图会没有反应,至于如何验证手 ...

Flutter 调用百度地图APP实现位置搜索、路线规划

1 开发准备

2 Flutter 调起百度地图 - 搜索位置

3 坐标类型选择

4 Flutter 调起百度地图 - 导航路线规划

Flutter 调用百度地图APP实现位置搜索、路线规划相关推荐

最新文章

热门文章

Flutter 调用百度地图APP实现位置搜索、路线规划

1 开发准备

2 Flutter 调起百度地图 - 搜索位置

3 坐标类型选择

4 Flutter 调起百度地图 - 导航 路线规划

Flutter 调用百度地图APP实现位置搜索、路线规划相关推荐

最新文章

热门文章

4 Flutter 调起百度地图 - 导航路线规划