1.安装GMap.Net.Presentation(实际上就是添加GMap.Net.Core.dll和GMap.Net.WindowsPresentation.dll)
2.直接声明GMap控件
using GMap.NET.WindowsPresentation;
namespace Test2
{
class MapControl:GMapControl
{
}
3.将控件添加到xaml里面
<local:MapControl x:Name="mapControl" Zoom="13" MaxZoom="24" MinZoom="1" Width="600" Height="350" />
4.初始化GMap控件,效果图,定位在南京
try
{
System.Net.IPHostEntry e = System.Net.Dns.GetHostEntry("ditu.google.cn");
}
catch
{
//离线地图,默认位置C:\Users\[用户名]\AppData\Local\GMap.NET
mapControl.Manager.Mode = AccessMode.CacheOnly;
MessageBox.Show("No internet connection avaible, going to CacheOnly mode.", "GMap.NET Demo", MessageBoxButton.OK, MessageBoxImage.Warning);
}
mapControl.MapProvider = GMapProviders.GoogleChinaMap; //google china 地图
mapControl.MinZoom = 2; //最小缩放
mapControl.MaxZoom = 17; //最大缩放
mapControl.Zoom = 5; //当前缩放
mapControl.ShowCenter = false; //不显示中心十字点
mapControl.DragButton = MouseButton.Left; //左键拖拽地图
mapControl.Position = new PointLatLng(32.064, 118.704); //地图中心位置:南京(纬度,经度)
5.右击鼠标画坐标,画三个黑色坐标
mapControl.MouseRightButtonDown += new MouseButtonEventHandler(mapControl_MouseRightButtonDown);
void mapControl_MouseRightButtonDown(object sender, MouseButtonEventArgs e)
{
Point clickPoint = e.GetPosition(mapControl);
PointLatLng point = mapControl.FromLocalToLatLng((int)clickPoint.X, (int)clickPoint.Y);
GMapMarker currentMarker = new GMapMarker(point);
{
var converter = TypeDescriptor.GetConverter(typeof(Geometry));
//currentMarker.Shape = new Ellipse() { Width = 20, Height = 20, Stroke = Brushes.Red };
currentMarker.Shape = new Path()
{
StrokeThickness = 1,
Stretch = Stretch.Fill,
Stroke = Brushes.Black
,
Width = 20,
Height = 20,
Data = (Geometry)converter.ConvertFrom("M 808.6 403.2 c 0 -178.8 -129.8 -308.5 -308.5 -308.5 c -170.1 0 -308.5 138.4 -308.5 308.5 c 0 125.6 170.6 338.3 262.3 452.6 l 6.8 8.4 c 9.6 12 24 18.9 39.5 18.9 c 15.4 0 29.8 -6.9 39.5 -18.9 l 6.8 -8.4 c 91.5 -114.3 262.1 -327 262.1 -452.6 Z m -310.1 89.4 c -62.9 0 -114 -51.1 -114 -114 s 51.1 -114 114 -114 s 114 51.1 114 114 s -51.1 114 -114 114 Z M 500.1 67.8 c -184.9 0 -335.4 150.4 -335.4 335.4 c 0 135 174.5 352.5 268.2 469.4 l 6.7 8.4 c 14.8 18.4 36.8 29 60.4 29 s 45.6 -10.6 60.4 -29 l 6.8 -8.4 C 661 755.7 835.4 538.2 835.4 403.2 c 0 -194.3 -141 -335.4 -335.3 -335.4 Z m 0 815.3 c -15.4 0 -29.8 -6.9 -39.5 -18.9 l -6.8 -8.4 c -91.7 -114.3 -262.3 -327 -262.3 -452.6 c 0 -170.1 138.4 -308.5 308.5 -308.5 c 178.8 0 308.5 129.8 308.5 308.5 c 0 125.6 -170.6 338.3 -262.3 452.6 l -6.8 8.4 c -9.5 12 -23.9 18.9 -39.3 18.9 Z")
};
//(currentMarker.Shape as CustomMarker).SetContent(point, "1"); 这种方法可以触发SetContent
currentMarker.ZIndex = -1;
currentMarker.Position = point;
mapControl.Markers.Add(currentMarker);
this.Focus();
}
}
6.点击鼠标左键画路径,画三条红色的线,连接三个城市
int id = 1;
PointLatLng point_last;
void mapControl_MouseLeftButtonDown(object sender, MouseButtonEventArgs e)
{
Point clickPoint = e.GetPosition(mapControl);
PointLatLng point_show = mapControl.FromLocalToLatLng((int)clickPoint.X, (int)clickPoint.Y);
if (id > 1)
{
GMapRoute gmRoute = new GMapRoute(new List<PointLatLng>() {
point_last, //上一次的位置
point_show //当前显示的位置
});
gmRoute.Shape = new Path() { StrokeThickness = 1 ,Stroke=Brushes.Red};
mapControl.Markers.Add(gmRoute);
}
id += 1;
point_last = point_show;
}
7.坐标闪烁动画效果,让第一个坐标闪烁
private void Button_Click_3(object sender, RoutedEventArgs e)
{
Path path = (Path)mapControl.Markers.Where(x => x.GetType() == typeof(GMapMarker)).ToList()[0].Shape;
path.Stroke = Brushes.Red;
ObjectAnimationUsingKeyFrames animation = new ObjectAnimationUsingKeyFrames();
DiscreteObjectKeyFrame kf1 = new DiscreteObjectKeyFrame(Visibility.Hidden, new TimeSpan(0, 0, 0,0,500));
DiscreteObjectKeyFrame kf2 = new DiscreteObjectKeyFrame(Visibility.Visible, new TimeSpan(0, 0, 0,1));
animation.Duration = new TimeSpan(0, 0, 1);
animation.RepeatBehavior = RepeatBehavior.Forever;
animation.KeyFrames.Add(kf1);
animation.KeyFrames.Add(kf2);
path.BeginAnimation(Path.VisibilityProperty, animation);
}
8.清除所有的路径和坐标
//清除所有的坐标
private void Button_Click(object sender, RoutedEventArgs e)
{
foreach (var item in mapControl.Markers.Where(x => x.GetType() == typeof(GMapMarker)).ToList())
{
mapControl.Markers.Remove(item);
}
}
//清除所有的路径
private void Button_Click_1(object sender, RoutedEventArgs e)
{
foreach (var item in mapControl.Markers.Where(x => x.GetType() == typeof(GMapRoute)).ToList())
{
mapControl.Markers.Remove(item);
}
}
9.根据经纬度画图(经纬度转换为极坐标),连接上海与无锡
private void btn4_Click(object sender, RoutedEventArgs e)
{
//上海经纬度(纬度,经度)
PointLatLng p1 = new PointLatLng(31.2, 121.47);
//无锡经纬度(纬度,经度)
PointLatLng p2 = new PointLatLng(31.568, 120.299);
GMapRoute gmRoute = new GMapRoute(new List<PointLatLng>() {
p1, //上海的位置
p2 //无锡的位置
});
gmRoute.Shape = new Path() { StrokeThickness = 1, Stroke = Brushes.Red };
mapControl.Markers.Add(gmRoute);
}
10.使用离线地图
加载离线地图
private bool _isLoaded;
public bool Load(string fileName)
{
if (!_isLoaded)
{
new Thread(() => GMaps.Instance.ImportFromGMDB(fileName)).Start();
_isLoaded = true;
}
return _isLoaded;
}
11.已知两个经纬度算距离,直接调用Distance
static double EARTH_RADIUS = 6371.0;
/// <summary>
/// 给定的经度1,纬度1;经度2,纬度2. 计算2个经纬度之间的距离。
/// </summary>
/// <param name="lat1">经度1</param>
/// <param name="lon1">纬度1</param>
/// <param name="lat2">经度2</param>
/// <param name="lon2">纬度2</param>
/// <returns>距离(公里、千米)</returns>
public static double Distance(double lat1, double lon1, double lat2, double lon2)
{
//用haversine公式计算球面两点间的距离。
//经纬度转换成弧度
lat1 = ConvertDegreesToRadians(lat1);
lon1 = ConvertDegreesToRadians(lon1);
lat2 = ConvertDegreesToRadians(lat2);
lon2 = ConvertDegreesToRadians(lon2);
//差值
var vLon = Math.Abs(lon1 - lon2);
var vLat = Math.Abs(lat1 - lat2);
//h is the great circle distance in radians, great circle就是一个球体上的切面,它的圆心即是球心的一个周长最大的圆。
var h = HaverSin(vLat) + Math.Cos(lat1) * Math.Cos(lat2) * HaverSin(vLon);
var distance = 2 * EARTH_RADIUS * Math.Asin(Math.Sqrt(h));
return distance;
}
public static double HaverSin(double theta)
{
var v = Math.Sin(theta / 2);
return v * v;
}
public static double ConvertDegreesToRadians(double degrees)
{
return degrees * Math.PI / 180;
}
public static double ConvertRadiansToDegrees(double radian)
{
return radian * 180.0 / Math.PI;
}
12.标记拖拽功能
首先添加三个事件
mapControl.MouseMove += MapControl_MouseMove;
mapControl.MouseDown += MapControl_MouseDown;
mapControl.MouseLeftButtonDown += MapControl_MouseLeftButtonDown;
GMapMarker _currentElement;
private void MapControl_MouseDown(object sender, MouseButtonEventArgs e)
{//判断是否点击了标注
if (_currentElement == null)
{
Point pt = e.GetPosition(mapControl);
PointLatLng point = mapControl.FromLocalToLatLng((int)pt.X, (int)pt.Y);
PointHitTestParameters parameters = new PointHitTestParameters(pt);
VisualTreeHelper.HitTest(mapControl, null, HitTestCallback, parameters);
}
}
private HitTestResultBehavior HitTestCallback(HitTestResult result)
{
Path path = result.VisualHit as Path;
if (path != null)
{
_currentElement = mapControl.Markers.Where(x => x.Shape == path).ToList().FirstOrDefault();
return HitTestResultBehavior.Stop;
}
return HitTestResultBehavior.Continue;
}
private void MapControl_MouseMove(object sender, MouseEventArgs e)
{
if (checkMoveFlag.IsChecked == true &&
e.LeftButton == MouseButtonState.Pressed
&& _currentElement != null)
{
//获取坐标
Point pt = e.GetPosition(mapControl);
//转换成地理坐标
PointLatLng point = mapControl.FromLocalToLatLng((int)pt.X, (int)pt.Y);
_currentElement.Position = point;
}
}