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

素颜马尾好姑娘i 2023-10-07 19:09 43阅读 0赞

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

##### 1 开发准备 #####

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

dependencies:
      flutter:
        sdk: flutter
      url_launcher: ^6.1.2

iOS 配置 info.plist

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

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

[百度地图开发文档][Link 1]

/// 百度地图
      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 反向地址解析  
![在这里插入图片描述][bde35c930c564661884e12d6b0cb8cc5.png]  
调起的结果如下 ：  
![在这里插入图片描述][979df55564c140d59878b35bc96f51d5.png]

##### 3 坐标类型选择 #####

需要注意的是 coord\_type 坐标类型的取值

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

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

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

[百度地图开发文档][Link 1]

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;
      }

实际上是调用的  
![在这里插入图片描述][0d082707f0764eb5be177e5b3a2e71fa.png]

[Link 1]: https://lbsyun.baidu.com/index.php?title=uri/api/android
[bde35c930c564661884e12d6b0cb8cc5.png]: https://img-blog.csdnimg.cn/bde35c930c564661884e12d6b0cb8cc5.png
[979df55564c140d59878b35bc96f51d5.png]: https://img-blog.csdnimg.cn/979df55564c140d59878b35bc96f51d5.png
[0d082707f0764eb5be177e5b3a2e71fa.png]: https://img-blog.csdnimg.cn/0d082707f0764eb5be177e5b3a2e71fa.png