萬盛學電腦網

 萬盛學電腦網 >> 網絡編程 >> asp.net編程 >> GMap.Net開發之自定義Marker使用方法

GMap.Net開發之自定義Marker使用方法

 這篇文章主要介紹了GMap中Marker的使用方法,有需要的朋友可以參考一下

自定義Marker,可以理解為在地圖上自定義圖標(Custom Marker),先看看GMap的地圖和圖標的顯示方式:   9.jpg   Map控件上可以添加Overlay(圖層),可以添加多個圖層,先添加的圖層在下面顯示。   圖層上可以添加GMapMarker,當然也可以添加GMapPolygon和GMapRoute,後續介紹。   在地圖的使用中常要求的功能就是添加自定義圖標,可以點擊圖標、刪除圖標、拖動圖標、高亮圖標等。   下面介紹這些功能的實現(主要是基於WinForm的,WPF的可以參考官方Demo實現):   1、自定義圖標,使用官方的Marker:   代碼如下: Bitmap bitmap = Bitmap.FromFile("F:ProjectsGMapDemoGMapDemoImageA.png") as Bitmap; GMapMarker marker = new GMarkerGoogle(point, bitmap);     直接使用GMap.NET.WindowsForms.Markers中的GMarkerGoogle,傳入一個Bitmap,就可以使用自定義的圖片來做圖標。   2、繼承GMapMarker,自定義Marker:   代碼如下: using System; using System.Collections.Generic; using System.Linq; using System.Text; using GMap.NET; using GMap.NET.WindowsForms; using System.Drawing;   namespace GMapWinFormDemo {     class GMapMarkerImage : GMapMarker     {         private Image image;         public Image Image         {             get             {                 return image;             }             set             {                 image = value;                 if (image != null)                 {                     this.Size = new Size(image.Width, image.Height);                 }             }         }           public Pen Pen         {             get;             set;         }           public Pen OutPen         {             get;             set;         }           public GMapMarkerImage(GMap.NET.PointLatLng p, Image image)             : base(p)         {             Size = new System.Drawing.Size(image.Width, image.Height);             Offset = new System.Drawing.Point(-Size.Width / 2, -Size.Height / 2);             this.image = image;             Pen = null;             OutPen = null;         }           public override void OnRender(Graphics g)         {             if (image == null)                 return;               Rectangle rect = new Rectangle(LocalPosition.X, LocalPosition.Y, Size.Width, Size.Height);             g.DrawImage(image, rect);               if (Pen != null)             {                 g.DrawRectangle(Pen, rect);             }               if (OutPen != null)             {                 g.DrawEllipse(OutPen, rect);             }         }           public override void Dispose()         {             if (Pen != null)             {                 Pen.Dispose();                 Pen = null;             }               if (OutPen != null)             {                 OutPen.Dispose();                 OutPen = null;             }               base.Dispose();         }     } }       介紹下GMapMarkerImage三個屬性的作用:   Image:保存圖標的圖片。   Pen:在圖片外圍畫DrawRectangle的Pen,當其不為null的時候,會在圖片的外圍畫一個矩形,實現高亮(highlight)的效果。   OutPen:在圖片外圍畫DrawEllipse的Pen,當其不為null的時候,會在圖片外圍畫一個一個橢圓,設置這個值可以實現閃動。   3、移動圖標(Move Marker)的實現:   在MapControl中添加如下事件的響應:    代碼如下: mapControl.MouseDown += new MouseEventHandler(mapControl_MouseDown); mapControl.MouseUp += new MouseEventHandler(mapControl_MouseUp); mapControl.MouseMove += new MouseEventHandler(mapControl_MouseMove);   mapControl.OnMarkerClick += new MarkerClick(mapControl_OnMarkerClick); mapControl.OnMarkerEnter += new MarkerEnter(mapControl_OnMarkerEnter); mapControl.OnMarkerLeave += new MarkerLeave(mapControl_OnMarkerLeave);       MouseDown和MouseUp中判斷左鍵是否按下(用左鍵來移動圖標)。   OnMarkerEnter中設置選中的Marker,同時設置Pen的值,實現高亮。   OnMarkerLeave中取消選中的Marker,取消Pen的值,取消高亮。   MouseMove中更新選中選中Marker的Position就可以了。   4、圖標閃動的實現:   需要一個定時器:使用的是Form下的Timer,定時器響應的事件:   代碼如下: void blinkTimer_Tick(object sender, EventArgs e)         {             foreach (GMapMarker m in objects.Markers)             {                 if (m is GMapMarkerImage)                 {                     GMapMarkerImage marker = m as GMapMarkerImage;                     if (marker.OutPen == null)                         marker.OutPen = new Pen(Brushes.Red, 2);                     else                     {                         marker.OutPen.Dispose();                         marker.OutPen = null;                     }                 }             }             mapControl.Refresh();         }     更新所有Marker的OutPen的值(當然你也可以只更新某個Marker),通過在圖標上畫圈圈來實現閃動,當然你也可以通過設置Marker的IsVisible屬性來實現自己想要的效果。。。   效果圖如下:       全部代碼如下:   代碼如下: using System; using System.Collections.Generic; using System.ComponentModel; using System.Data; using System.Dr
copyright © 萬盛學電腦網 all rights reserved