使用GMap.NET类库,实现地图轨迹回放。(WPF版)

前言

实现轨迹回放,GMap.NET有对应的类GMapRoute。这个类函数很少,功能有限,只能实现简单的轨迹回放。要实现更复杂的轨迹回放,就需要自己动手了。

本文介绍一种方法,可以实现复杂的轨迹回放。有句话“功夫在诗外”,GMap.NET给你提供了基本地图处理功能;但是不要让CMap.NET束缚了手脚。你需要有深刻理解地图实现原理,深入理解WPF动画的原理,才能到达随心所欲。最终的效果如下:

GMap.NET 显示原理

地图就是由许多方格“瓦片”组合而来。当你移动或缩放时,GMap.NET会根据当前位置、显示窗口、缩放级别,到地图服务器获取图片。所以地图控件本质上就是显示图片的控件,只是这些图片包含了坐标信息。

地图上加轨迹,就是在图片上画线。这些线要与gps坐标点吻合。通过GMapMarker不仅可以加标注,也可以实现轨迹。需要将gps坐标点转换成控件的坐标点,再连成线就可以了。本文就是通过GMapMarker实现了轨迹回放。

 1  实现轨迹显示

通过自定义控件UserControlMapRoute实现了轨迹显示功能。需要将此控件加入到GMapMarker。

 GMapMarker _routeMaker = new GMapMarker(point);
 UserControlMapRoute routeCtrl = new UserControlMapRoute() { Marker = _routeMaker, MapCtrl = MainMap };
 routeCtrl.Init();
 _routeMaker.Shape = routeCtrl;
  //将图层添加到地图
 this.MainMap.Markers.Add(_routeMaker);

UserControlMapRoute有两个功能:显示轨迹起始点,显示轨迹。将轨迹显示功能放在类MapRoutePath中实现。该类实现的功能就是根据gps坐标显示轨迹。该类包含的变量有:

  class MapRoutePath
    {
        public GMapControl MapCtrl { get; private set; } //地图控件
        public Panel ParentPanel { get; private set; }   //父面板,将PathRouteLine加入面板。

        public Path PathRouteLine { get; private set; } //显示轨迹

        List<PointLatLng> _listGpsPoint = new List<PointLatLng>();
        List<Point> _listCtrlPt = new List<Point>();

        public List<PointLatLng> ListGpsPoint => _listGpsPoint; //包含的gps坐标
        public List<Point> ListPathPoint => _listCtrlPt;        //转换成立控件坐标
}

实现轨迹功能是变量PathRouteLine,该变量的父控件是ParentPanel(就是控件UserControlMapRoute 中的根Grid控件)。MapCtrl 控件主要作用就是提供了将gps坐标转换成控件坐标的函数。

实现将gps做标注转换成控件坐标的方法:

        private void ToLocalPoint()
        {
            //_listGpsPoint存储所gps坐标 _listCtrlPt存储转换后控件坐标
            _listCtrlPt.Clear();
            foreach (PointLatLng pt in _listGpsPoint)
            {
                Point ptGrid = ToCtrlPoint(pt);
                _listCtrlPt.Add(ptGrid);
            }
        }

        Point ToCtrlPoint(PointLatLng gpsPoint)
        {
            //转换成GMap.NET控件坐标
            GPoint ptOfMapCtrl = MapCtrl.FromLatLngToLocal(gpsPoint);

            //GMap.NET控件坐标要转换成 控件相对于直接父面板的坐标
            Point ptToMapCtrl2 = new Point(ptOfMapCtrl.X, ptOfMapCtrl.Y);
            Point ptOfScreen = MapCtrl.PointToScreen(ptToMapCtrl2);
            Point ptOfParentPanel = ParentPanel.PointFromScreen(ptOfScreen);

            return ptOfParentPanel;
        }

坐标转换过程就是: GPS坐标 --》 GMap.NET控件坐标 --》 屏幕坐标 --》 控件相对于直接父面板的坐标。获取了控件坐标,就根据这些坐标画直线就行了。

       private static void CreatPath(Path path, List<Point> listPt)
        {
            if (listPt.Count <= 1)
            {
                path.Data = null;
                return;
            }

            PathFigure pathFigure = new PathFigure();
            pathFigure.StartPoint = listPt[0]; //起始点

            for (int i = 1; i < listPt.Count; i++)
            {
                //加入线段
                LineSegment line = new LineSegment() { Point = listPt[i] };
                pathFigure.Segments.Add(line);
            }

            PathGeometry geometry = new PathGeometry();
            geometry.Figures.Add(pathFigure);
            path.Data = geometry;
        }

2 实现轨迹回放.

要实现两个功能:通过不同的线颜色来指示当前行动轨迹;提示当前所在的位置、用时等信息的tip框。

轨迹移动 假如显示轨迹的线颜色为红色,通过绿色来显示当前经过的位置。再增加一个变量_pathMoveRouteLine(类型也为Path) 就可以了。_pathMoveRouteLine的颜色为绿色,所显示的路径要和PathRouteLine 路径完全相同。_pathMoveRouteLine路径长度要实时计算出来,随着时间推移,路径不断变长。需要增加一个定时器,不停的计算当前所在的位置。在定时器中,调用函数ShowRouteMove();

        private void ShowRouteMove()
        {
            //线路总长度
            double totalDistance = GetDistance();
            if (totalDistance == 0)
                return;

            //更加时间,计算当前走过的长度
            TimeSpan span = DateTime.Now - _startMoveTime;
            double curDistance = _moveSpeed * span.TotalHours;
            if (curDistance > totalDistance)
            {
                StopMove();
                curDistance = totalDistance;
            }

            Path path = CreateMovePath();
            //根据已走过的距离,获取需要显示的点
            List<Point> listCtrlPoint = GetListByDistance(curDistance);
            CreatPath(path, listCtrlPoint);

            ShowMoveTip(listCtrlPoint.Last(), curDistance);
        }
      //根据当前移动的距离,获取相应的控件坐标
        private List<Point> GetListByDistance(double distance)
        {
            List<Point> result = new List<Point>();

            double start = 0;
            int i = 0;
            PointLatLng lastPt = new PointLatLng();
            foreach (PointLatLng pt in ListGpsPoint)
            {
                i++;
                if (i == 1) //第一个点
                {
                    result.Add(ToCtrlPoint(pt));
                    lastPt = pt;
                    continue;
                }
                else
                {
                    double lineDistance = MapHelper.GetDistance(lastPt, pt);
                    lastPt = pt;
                    if (lineDistance == 0)
                        continue;

                    if ((start + lineDistance) == distance) //gps坐标恰好符合当前的距离
                    {
                        result.Add(ToCtrlPoint(pt));
                        break;
                    }
                    else if ((start + lineDistance) < distance) //当前的点小于需要的距离
                    {
                        result.Add(ToCtrlPoint(pt));
                        start += lineDistance;
                    }
                    else
                    {
                        //最终的点 落在两个gps点之间,需要进一步计算
                        double midDistance = distance - start;
                        double rate = midDistance / lineDistance;

                        Point endPoint = ToCtrlPoint(pt);
                        Point midPoint = MapHelper.GetMidPoint(result.Last(), endPoint, rate);
                        result.Add(midPoint);
                        break;
                    }
                }
            }
            return result;
        }
        
class MapHelper
    {
        //根据两点坐标,和在这两点之间的比例,获取计算后的坐标
        internal static Point GetMidPoint(Point start, Point end, double rate)
        {
            Point result = new Point();
            result.X = start.X + rate * (end.X - start.X);
            result.Y = start.Y + rate * (end.Y - start.Y);
            return result;
        }
    }

提示框显示 提示框所在的位置就是移动轨迹的最后一个点的位置。为了更好的显示效果,最这个坐标做一定的偏移:

       UserControlMoveTip _userControlMoveTip;
        private void ShowMoveTip(Point startPoint,double moveDistance)
        {
            if(_userControlMoveTip == null)
            {
                _userControlMoveTip = new UserControlMoveTip();
                _userControlMoveTip.HorizontalAlignment = HorizontalAlignment.Left;
                _userControlMoveTip.VerticalAlignment = VerticalAlignment.Top;
                ParentPanel.Children.Add(_userControlMoveTip);
            }

            if (_userControlMoveTip.ActualHeight == double.NaN)
            {
                _userControlMoveTip.Visibility = Visibility.Hidden;
                return;
            }

            _userControlMoveTip.Visibility = Visibility.Visible;
            _userControlMoveTip.TotalDistance = GetDistance();
            _userControlMoveTip.TotalTimeSpan = TimeSpan.FromHours(_userControlMoveTip.TotalDistance / _moveSpeed);
            _userControlMoveTip.MoveSpeed = _moveSpeed;
            _userControlMoveTip.MoveDistance = moveDistance;
            _userControlMoveTip.TimeElapse = (DateTime.Now - _startMoveTime);

            _userControlMoveTip.Margin = new Thickness(startPoint.X+5, startPoint.Y - _userControlMoveTip.ActualHeight-2, 0, 0);
        }
_userControlMoveTip是用户控件,用来显示总距离、已移动距离、移动时间等信息。

后记:有些开发者反应GMap.NET控件的WPF版提供的功能不够完善,有些功能不能采用拿来主义的方式。诚然,软件开发越来越复杂,借鉴别人的代码是必须的,但是不能丢弃软件开发的一些“基本功”。WPF确实不太好学,好多新的概念难以理解。好多开发者学习WPF浅尝辄止,所以在使用一些控件时,感到茫然。

原文地址:https://www.cnblogs.com/yuanchenhui/p/cMap_net_move.html

时间: 2024-11-05 20:48:34

使用GMap.NET类库,实现地图轨迹回放。(WPF版)的相关文章

百度地图轨迹回放,自定义路书,边走边画线

在原有的百度路书的基础上,做了修改,使其能实现边走边画线的需求. 源代码如下,其中您的密钥要换成自己的,如果不换,则需要粘贴到百度API示例里面的GPS路书的编辑器中才能运行 <html lang="en"> <head> <meta charset="utf-8" /> <title>轨迹回放(路书)</title> <style type="text/css"> body

mui 地图轨迹回放

<!doctype html><html> <head>        <meta charset="UTF-8">        <title></title>        <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user

使用百度地图API实现轨迹回放

调用百度地图API实现路线的轨迹回放功能其实很简单,只要搞懂以下几点即可: 1.需要用Polyline方法先绘制好路线图 2.用Marker添加标注点 3.关键一步,通过结合定时器,使用Marker创建的标注点实例的setPosition改变标注点位置,实现播放功能 代码分享,直接复制即可使用 [html] view plaincopy <!DOCTYPE html> <html> <head> <meta name="viewport" co

百度地图利用DrivingRoute做轨迹回放

 <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" content="initial-scale=1.0, user-scalable=no" /> <style type="text/css"

如何实现LBS轨迹回放功能?含多平台实现代码

本篇文章告诉您,如何实现轨迹回放.并且提供了web端,iOS端,Android端3个平台的轨迹回放代码.拷贝后可以直接使用.另外,文末有小彩蛋,算是开发者的福利. Web端/JavaScript 实现轨迹回放有2个主要功能需要实现,1个是定位取点,1个是按照轨迹慢慢移动Marker. 如何实现定位取点,可以看之前的文章:http://www.cnblogs.com/milkmap/p/4962085.html 本篇文章里的定位点,我就直接假设一堆点,可以push到数组里. var marker,

GPS/轨迹追踪、轨迹回放、围栏控制

折腾一个多月终于弄完了这个项目,起初都未曾接触GPS/轨迹追踪.轨迹回放.圈划围栏...等一些在百度地图或者Googel地图操作的一些业务,后端的业务相对来说简单点 cas单点登录,mongdb灵活的数据存储方式,ActiveMQ消息推送.Redis存储... 这篇的主要篇幅主要来讲述下项目中的一些地图上棘手的问题 接口测试数据: 1.GPS数据接收接口对于日期格式的转化 作为码农都知道Web接口传输的数据都是以Json的数据形式传输,日期格式不同是我们头疼的事情,当然要是我们自己给App端,云

单次轨迹回放

已知有一段轨迹数据,点击回放按钮,小车沿着路线自动的往前运动,播放完毕也就结束了 public class MoveSingleThread extends Thread{ private List<LatLng> mLatLngList; private Marker mCarMarker; public MoveSingleThread(List<LatLng> latLngs, Marker marker) { super(); mLatLngList = latLngs;

百度地图 JavaScript API极速版 开发体会

前段时间百度地图API推出了 JavaScript API 极速版 1.0 简单看了一下,从产品定位来说真是挺好. 把开发者细分成普通web开发者和移动web开发者.正好用到了手机地图这块决定尝试一下.先看一下百度地图官方对它的定义.     本套百度地图API是专为手机浏览器提供的API,您可使用该套API,在手机页面中展示地图.标注位置.检索poi.查询线路等. 特点: 较同时兼容PC和手机浏览器的JavaScript API大众版而言,该版更适配移动设备,体积更小,加载地图速度更快,更省流

.NET破解之谷歌地图下载助手-睿智版

今天在整理文件是,发现手上还有个谷歌地图下载助手-睿智版,是C#写的.查了它们的官网,好像很久没有更新了,可能是垮了吧. 我把.NET程序破解分为三个阶段:软件分析,从软件使用上来分析功能的限制,即为下一步提供线索:代码分析,分析.net代码或IL代码,寻找关键跳转:测试分析,根据第二步分析,进行破解测试. 软件分析 先来看一下它的表面特点吧. 打开软件,看它的注册,许可之类的.居然有三个地方可以打开注册界面,对这个作者我也是醉了.要注册的用户只需要一个,不想注册的用户再多注册按钮都不行. 一下