当前位置： 移动技术网 > IT编程>开发语言>.net > WPF在Gmap.net中将Marker动起来

WPF在Gmap.net中将Marker动起来

2020年04月24日  | 移动技术网IT编程  | 我要评论

龙游生活网,我是歌手第7期排名,3的字谜

出处来源于博客园 作者张子浩 原文地址https://www.cnblogs.com/zaranet/p/12766143.html，如有转载，请联系我，如无经过作者同意，作者有权申请法律保护。

 　　前一段时间说过一篇绘制极坐标的，这段时间对它进行了改造已经今非昔比了，功能实现了很多，我目的是让marker动起来，然后还会绘制route，上篇也就是简单的绘制了route,没有关于marker的相关知识。

　　那个circle有一定的改造，原来的纯色改成了渐变，这个你可以提前想好，不过在代码中你要做好适配，将 system.draw.color  转换成了 media.color ，取其中的argb值。

public circle(string name, int radius,string[] vs)
        {
            radius = radius;
            m_viewmodelcircle = new viewmodelcircle();
            m_viewmodelcircle.circledis = name;
            this.datacontext = m_viewmodelcircle;
            initializecomponent();

            //控制circle

            radialgradientbrush radialgradient = new radialgradientbrush();
            var obj = colortranslator.fromhtml(vs[0]);
            var ob2 = colortranslator.fromhtml(vs[1]);
            var ob3 = colortranslator.fromhtml(vs[2]);
            this.circle.stroke= new solidcolorbrush(system.windows.media.color.fromargb(ob3.a, ob3.r, ob3.g, ob3.b)); 
            radialgradient.gradientstops.add(new gradientstop(system.windows.media.color.fromargb(obj.a, obj.r, obj.g, obj.b), 0.75));
            radialgradient.gradientstops.add(new gradientstop(system.windows.media.color.fromargb(ob2.a, ob2.r, ob2.g, ob2.b), 1));
            this.circle.fill = radialgradient;
        }

　　我们都知道在wpf的gmap.net中没有了gmapoverlay 概念，所有的东西都在marker中操作，这样其实有一个优点，就是把overlay和marker混合在一起更好管理，你可以通过tag来寻找你对象，非常轻便，但设计者不是这么认为的，可能是某些原理没法走通。

　　最基本的右击在map中添加标点可以这么操作。

private void radarmap_mouserightbuttonup(object sender, mousebuttoneventargs e)
        {
            point clickpoint = e.getposition(radarmap);
            pointlatlng point = radarmap.fromlocaltolatlng((int)clickpoint.x, (int)clickpoint.y);
            id += 1;
            gmapmarker currentmarker = new gmapmarker(point);
            {
                currentmarker.shape = new custommarker(id, currentmarker);
                //(currentmarker.shape as custommarker).setcontent(point, "1"); 这种方法可以触发setcontent
                currentmarker.zindex = -1;
                currentmarker.position = point;
                radarmap.markers.add(currentmarker);
                this.focus();
            }
        }

　　代码中可以发现我们可以轻松将gmap的marker shape属性 ，随后转换成原来的marker类型，轻松调用属于它的方法，所以它的生命周期是等待它所在gmap中的marker被销毁才会被dispose，至于我的标点数据是从那里接受的，我只是启用两个demo而已，发了个udp通讯，一般来说都是使用结构体来接受，传入的byte值，我们进行逆转。

 public static object bytestostruct(byte[] buf, int len, type type)
        {
            // int len = marshal.sizeof(buf);
            object rtn;
            intptr buffer = marshal.allochglobal(len);
            marshal.copy(buf, 0, buffer, len);
            rtn = marshal.ptrtostructure(buffer, type);
            marshal.freehglobal(buffer);
            return rtn;
        }

　　下面的代码是关于绘制，以及判断marker是否存在，如果存在则修改postion，而且还要重新绘制route，每个route是对应着它的marker，所以需要一个字典，每次重新绘制的时候，先将route全部删除，随后重新所有的点，然后进行绘制route，这个代码可能性能上有缺陷，但也是没有办法。

list<radartargetinfo> dislist = new list<radartargetinfo>();
        //已经添加的集合
        public list<radartargetinfo> addlist = new list<radartargetinfo>();
        //用于画线
        dictionary<string,list<pointlatlng>> pointlatlngsdic = new dictionary<string,list<pointlatlng>>();
        //标点和数据id的关系
        list<markerdatarole> rolelist = new list<markerdatarole>();
        /// <summary>
        /// 检查数据
        /// </summary>
        /// <param name="sender"></param>
        /// <param name="e"></param>
        private void checkdata(object sender, eventargs e)
        {
            if (currentmarkercontext.list.count == 0)
            {
                return;
            }
            //应该添加的数据
            var list = currentmarkercontext.list.except(addlist).tolist();
            addlist.addrange(list);
            dislist.clear();
            foreach (var group in list.groupby(u => u.id))
            {
                int flyid = group.key;
                radartargetinfo radartarget = new radartargetinfo();
                pointlatlng currentpoint = new pointlatlng();
                foreach (var item in group)
                {
                    pointlatlng point = new pointlatlng(item.latitude, item.longitude);
                    currentpoint = point;
                    //代表没有
                    if (rolelist.firstordefault(u => u.dataid == flyid) == null)
                    {
                        gmapmarker currentmarker = new gmapmarker(point);
                        {
                            currentmarker.shape = new custommarker(flyid, currentmarker);
                            currentmarker.zindex = -1;
                            currentmarker.tag = flyid;
                            currentmarker.position = point;
                            radarmap.markers.add(currentmarker);
                        }
                        rolelist.add(new markerdatarole(){dataid = flyid,markerid = flyid});
                    }
                    else
                    {
                        radarmap.markers.where(u => u.tag != null).where(u => convert.toint32(u.tag) == flyid).firstordefault().position = point;
                    }
                    var str = flyid.tostring();
                    if (pointlatlngsdic.containskey(str))
                    {
                        pointlatlngsdic[str].add(point);
                    }
                    else
                    {
                        var value = new list<pointlatlng>();
                        value.add(point);
                        pointlatlngsdic.add(str, value);
                    }
                    radartarget = item;
                }
                dislist.add(radartarget);
                //这里找到flyid
                (radarmap.markers.where(u => convert.toint32(u.tag) == flyid).firstordefault().shape as custommarker).setcontent(currentpoint, flyid);
            }
            this.雷达目标数据.itemssource = dislist;
            foreach (var item in radarmap.markers.where(u => u.tag != null).where(u => u.tag.tostring() == "line").tolist())
            {
                radarmap.markers.remove(item);
            }
            foreach (var item in pointlatlngsdic)
            {
                gmaproute gmroute = new gmaproute(pointlatlngsdic[item.key])
                {
                    shape = new line()
                    {
                        strokethickness = 4
                    },tag = "line"
                };
                radarmap.markers.add(gmroute);
            }
        }

　　还有一个需要强调的是，上面说过可以通过shape找到本身调用其方法，那个marker上面的文本就是这么改的。

 public void setcontent(pointlatlng point, int pihao)
        {
            this.批号.content = pihao.tostring();
            this.纬度.content = "纬度:" + ((int)(point.lat * 1000) / 1000.0).tostring();
            this.经度.content = "纬度:" + ((int)(point.lng * 1000) / 1000.0).tostring();
        }

　　(radarmap.markers.where(u => convert.toint32(u.tag) == flyid).firstordefault().shape as custommarker).setcontent(currentpoint, flyid);

 　　还有就是至于我的wpf程序自适应问题，我都是用viewbox做的，因为前端ui他老是玩margin，so...你懂的！人家都是blend for visual studio 给搞的。也只能见谅了.

您可能感兴趣的文章:

如对本文有疑问，请在下面进行留言讨论，广大热心网友会与你互动！！ 点击进行留言回复

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网