zoukankan      html  css  js  c++  java
  • 谷歌地图控件,通过扩展实现GMAP的自定义绘图系统

      这两天搞网络规划和优化系统,需要开发一套地图,并在地图上放置自定义图标,和放置复杂贴图,或画矩形多边形等随着地图移动和放缩。这件事情一开始搞得很痛苦,通过GMAP.NET开发,并使用了CodeProject上面的drawtools工具(有兴趣可以自行搜索,博客园也有相关的文章讨论),但就是没法实现随地图移动而移动,仿佛是浮在地图上的。最后这种方法只能放弃。

          看了几个博客上面讨论的GMAP,其他方面都有讨论,就是没有如何在地图上实现自定义绘图。后来反复研究了GMAP.NET的整个类的结构,以及例程,终于发现了方法。

      首先说下图层,要显示图标和图形,就必须有图层的概念,仿佛一层一层贴在地图上的。可以从下到上,表示为如下四个图层:

        地理信息图层——复杂贴图图层——地标图层——用户数据操作图层

        简单地说,就是地图显示在“地理信息图层”,“复杂贴图图层”来贴图,可实现放缩和位移,“地标图层”可放置自定义图标,“用户操作图层”可定义其他一些特殊功能。

        (一)实现自定义图标的GMAPMARKER

      我们知道,GMAP中有一个Gmapmarker类,可以实现在地图上放置图标,可移动但不可放缩,可气的是,只有一个气球,很丑,怎么才能设计自定义的图标呢?派生这个类就可以了。GMapMarkerBS是我建立的一个基站(BS)类。可以在地图上绘制一个基站。

      public class GMapMarkerBS : GMapMarker
       {
           Bitmap myBitmap;  //存储要保存的图标信息
           public int ID;    //标记当前的类
         
         

          public GMapMarkerBS(PointLatLng p,int thisID)
             : base(p)
          {
              myBitmap= (Bitmap)Bitmap.FromFile(Application.StartupPath + "\\Cursor\\BS_Large.png");
              ID = thisID;
              ToolTipText = "测试基站" + ID.ToString();
              ToolTipMode = MarkerTooltipMode.OnMouseOver;
          
              Size = myBitmap.Size;
              Offset = new System.Drawing.Point(-Size.Width / 2, -Size.Height / 2);
          
       
      
          }
          public GMapMarkerBS(PointLatLng p, Bitmap thisBitmap, int thisID)
              : base(p)
          {
              ID = thisID;
              ToolTipText = "测试基站" + ID.ToString();
              ToolTipMode = MarkerTooltipMode.OnMouseOver;
              myBitmap = thisBitmap;
             
              Size = myBitmap.Size;
              Offset = new System.Drawing.Point(-Size.Width / 2, -Size.Height / 2);
           

          }

          public override void OnRender(Graphics g)
          {
              g.DrawImage(myBitmap, new System.Drawing.Rectangle(LocalPosition.X, LocalPosition.Y, 80, 100));
             
          }
       }

         两个构造函数,可以实现默认图标,和自定义图标,关键在于重载Onrender()函数,大伙一看就能看懂。

         Size和Offset都是在基类Gmapmarker中定义的,其意义是当前图标的大小和偏移量。Size不设置,都可以在地图上绘图,但你却无法让它触发“点击”事件!这个要注意,它设置了在地图上有效的操作范围,而不是绘图大小。所谓偏移,应该是点击时与图标左上角之间的偏移。

          如何在地图上绘制这个图标呢?

             GMapMarkerBS tempMarker = new GMapMarkerBS(thisPosition, BSIDCounter);
            GISObjectOverlay.Markers.Add(tempMarker);

          GISObjectOverlay是我建立的所谓图层,

          GISObjectOverlay = new GMapOverlay(myGMapControl, "GISOverlay");

          这样,就能在地图上绘制自定义图标的图形了。

     (二)实现绘制多边形

         实现多边形,并在地图上填充,还要实现缩放和移动,如果不继承GMAP内置的类,那么会累死的,好在GMAP提供了支持。

         实现思路是这样的,用户选择多边形绘图工具后,先在临时绘图图层GISTempOverlay上画临时点,用自带的十字图标表示,然后双击完成一次完整的多边形绘图操作,把当前存储的临时点LIST表传给GMAP类。

            private void MainMap_MouseDown(object sender, MouseEventArgs e)
            {

        case GISObjectType.Polygon:  

                            GISTempPoint.Add(MainMap.FromLocalToLatLng(e.X, e.Y));
                            GISTempOverlay.Markers.Add(tempMarker);
                            break;

    }

    上面代码实现了左键单击后,在地图上绘制临时点;

     private void MainMap_MouseDoubleClick(object sender, MouseEventArgs e)
            {

      case GISObjectType.Polygon:
                        if (GISTempPoint.Count < 3)
                        {
                            MessageBox.Show("未绘制包围图形");
                            break;
                        }
                        else
                        {
                            myGISObject.AddRouteObject(GISTempPoint, "Polygon");
                            GISTempOverlay.Markers.Clear();
                            GISTempPoint.Clear();
                        }
                        break;

    AddRouteObject()函数是我自己写的一个路径类函数,代码如下:

     public void AddRouteObject(List<PointLatLng> myPositionList,string name)
            {
                GISRouteObjectList.Add(new RouteObject(myPositionList,name,RouteIDCounter));
                GMap.NET.WindowsForms.GMapPolygon tempPolygon = new GMap.NET.WindowsForms.GMapPolygon(myPositionList, name);
                GISObjectOverlay.Polygons.Add(tempPolygon);
                      }

    这样,就实现了多边形绘制。

    (三)设计复杂贴图

         图标是不能跟着地图放缩而放缩的,如果贴了一张图上去,岂不是没法放缩了?可以的。

         可以把图片生成PNG,这样就有了透明度,新建一个图层GISPictOverlay专门存储贴图类型,重载gmapmarker得到GMapMarkerPict,添加变量zoom,

       在OnRender()函数中这么写:

       g.DrawImage(myBitmap, new System.Drawing.Rectangle(LocalPosition.X, LocalPosition.Y, myBitmap.Width*zoom, myBitmap.Height*zoom));

       在类外部,当地图缩放等级改变时,修改本类的静态变量zoom。注意!这种方法,只能让你的图片随着地图的放缩而改变,但不是死死贴上去的...因为,地图的放缩等级每改变一个等级,貌似地图尺寸变化是2次方关系,但此处是线性的。具体怎么设置,我还得再研究一下,貌似在GMAP工程文件中提供了这个关系的说明。

          当然,我们还要存储当前的所有地图上的数据,比如多边形,图标,贴图等等,可以自己设定数据结构,我在这方面懂得比较少,不敢拿来说了。 第一次在博客园写文章,加之本人是.NET菜鸟,看到网上没有GMAP绘图的问题,就拿自己开发的案例过来讨论一下,大侠们轻拍。还想弱弱问个问题,为什么GMAP这么大的开源工程,连像样的开发文档都没有,都让大家来摸索?欢迎讨论!

  • 相关阅读:
    Python学习之路—2018/6/27
    Python学习之路—2018/6/26
    python面试315问
    day4(css优先级)
    date3(form表单,今天html结束,css)
    date2(html)
    day1
    mysql数据库(7day)
    mysql数据库(day6)索引,ORM框架
    mysql数据库(day5)-视图,触发器,存储过程
  • 原文地址:https://www.cnblogs.com/buptzym/p/2073236.html
Copyright © 2011-2022 走看看