Flutter 高德地图坐标和百度坐标相互转换

//BD-09(百度)坐标转换成GCJ-02(火星,高德)坐标
//@param bd_lon 百度经度
//@param bd_lat 百度纬度
function bd_decrypt($bd_lon,$bd_lat){
    $x_pi = 3.14159265358979324 * 3000.0 / 180.0;
    $x = $bd_lon - 0.0065;
    $y = $bd_lat - 0.006;
    $z = sqrt($x * $x + $y * $y) - 0.00002 * sin($y * $x_pi);
    $theta = atan2($y, $x) - 0.000003 * cos($x * $x_pi);
    // $data['gg_lon'] = $z * cos($theta);
    // $data['gg_lat'] = $z * sin($theta);
    $gg_lon = $z * cos($theta);
    $gg_lat = $z * sin($theta);
    // 保留小数点后六位
    $data['gg_lon'] = round($gg_lon, 6);
    $data['gg_lat'] = round($gg_lat, 6);
    return $data;
}
 
//GCJ-02(火星,高德)坐标转换成BD-09(百度)坐标
//@param bd_lon 百度经度
//@param bd_lat 百度纬度
function bd_encrypt($gg_lon,$gg_lat){
    $x_pi = 3.14159265358979324 * 3000.0 / 180.0;
    $x = $gg_lon;
    $y = $gg_lat;
    $z = sqrt($x * $x + $y * $y) - 0.00002 * sin($y * $x_pi);
    $theta = atan2($y, $x) - 0.000003 * cos($x * $x_pi);
    $bd_lon = $z * cos($theta) + 0.0065;
### Flutter 应用中使用高德地图 API 实现电子围栏绘制编辑 #### 1. 添加依赖项 为了在 Flutter 中集成高德地图并实现电子围栏的功能,首先需要引入 `flutter_amap_location` 插件。可以在项目的 `pubspec.yaml` 文件中添加如下配置: ```yaml dependencies: flutter_amap_location: ^latest_version # 替换为最新版本号[^1] ``` 安装完成后,在 Dart 文件顶部导入必要的包。 #### 2. 初始化 AMap 客户端实例 创建一个新的类来管理与高德地图服务之间的交互操作,并初始化客户端对象。这通常涉及到设置应用程序密钥其他参数。 ```dart import 'package:flutter_amap_location/amap_location.dart'; class MapManager { final String apiKey; MapManager({required this.apiKey}) { AmapLocation.setApiKey(apiKey); // 可选:根据需求调整其他选项 } } ``` #### 3. 创建自定义 Widget 显示地图界面 通过继承 StatefulWidget 来构建一个可以显示地图视图的小部件。在此基础上加载地图控件并与之互动。 ```dart import 'package:flutter/material.dart'; import 'package:flutter_amap_location/map/amap_view.dart'; class FenceMapView extends StatefulWidget { @override _FenceMapViewState createState() => _FenceMapViewState(); } class _FenceMapViewState extends State<FenceMapView> { late AmapController controller; void onMapCreated(AmapController ctrl){ setState((){controller=ctrl;}); } @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar(title: Text('电子围栏')), body: Stack(children:[ AmapView(onMapCreated:onMapCreated), Positioned(/* 控制按钮布局 */) ]) ); } } ``` #### 4. 实现电子围栏逻辑 利用高德地图提供的几何图形工具集(如多边形Polygon),结合用户输入的数据动态地画出指定区域范围内的边界线;支持点击事件处理以允许修改现有形状或新增新的封闭空间。 ```dart // 假设有一个方法用于获取当前坐标列表 pointsList void drawOrEditFences(List<LatLng> pointsList, bool isEditing) async{ if(isEditing && selectedPolygon != null){ await controller.updatePolygons([selectedPolygon.copyWith(pointsParam:pointsList)]); }else{ var polygonOptions = PolygonOptions( strokeColor: Colors.blue, fillColor: Color.fromRGBO(0, 0, 255, .3), strokeWidth: 8, visible: true, zIndex: 999, points: pointsList ); await controller.addPolygon(polygonOptions).then((polygonId){ polygons[polygonId]=polygonOptions; }); } } ``` 以上代码片段展示了如何基于用户的动作更新界面上的多边形表示形式。当处于编辑模式下时会尝试找到已有的选定多边形并对其进行更改;如果是新建则直接添加新实体到地图上。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值