交互 ComponentOne Maps for WPF

C1Maps提供流畅的缩放、平移以及在屏幕和地理坐标之间进行映射的能力。同时您也可以在地图中添加自定义的元素。它可以从多种数据源中获取地图数据。包括 Microsoft 出品的 Live MapsTM,还可以导入地图图像文件(KML)。C1Map 支持添加标记元素,包括按钮、图表和 Label 等,标记特定地理坐标。

发布于 2013/01/26 00:00

ComponentOne Enterprise

C1Maps提供流畅的缩放、平移以及在屏幕和地理坐标之间进行映射的能力。同时您也可以在地图中添加自定义的元素。它可以从多种数据源中获取地图数据。包括 Microsoft 出品的 Live MapsTM,还可以导入地图图像文件(KML)。C1Map 支持添加标记元素,包括按钮、图表和 Label 等,标记特定地理坐标。

这篇文章中我们将在地图上添加图钉去标记特定地理位置。我们可以通过 Click 事件添加图钉,同时,我们可以删除或拖拽现有图钉。

 

首先,创建 WPF 工程,添加 C1Maps 控件到页面上。

<c1:C1Maps Name="c1Maps1" Zoom="1" />

这里设置缩放值为 1 。C1Maps 包含 3 种内置地图数据源,地图数据均从在线数据源获取,包括 Aerial,,Road 和 Hybrid 视图。默认为 Aerial 视图,所以我们通过以下代码设置为 Road 视图:

//Add shading parameter
VirtualEarthRoadSource.UriFormat += "&shading=hill";
//Set map source
c1Maps1.Source = new VirtualEarthRoadSource();

我们使用以下图片来代表图钉。我们需要需要在工程目录下创建 " Resource” 文件夹,把图片添加到该文件夹,设置 Build Action 属性为 Resource。

接下来,我们需要添加 ImageReource 到 XAML 页面。从而我们可以使用代码添加图片资源。添加以下代码到页面:

<Window.Resources>
<ImageSource x:Key="PushPin">Resources/Pushpin.png</ImageSource>
</Window.Resources>

在后台添加以下代码:

var items = new C1MapItemsLayer();

c1Maps1.Layers.Add(items);
c1Maps1.MouseLeftButtonUp += new MouseButtonEventHandler(c1Maps1_MouseLeftButtonUp);

Random rnd = new Random();
for (int i = 0; i < 10; i++)
{
Point pt = new Point(-80 + rnd.Next(160), -80 + rnd.Next(160));
AddPin(pt);
}

以下代码添加 Items Layer 到 C1Maps 控件。这里随机生成 10 个坐标添加图片。

void AddPin(Point pt)
{
Image pin = new Image();
pin.Source = (ImageSource)FindResource("PushPin");

C1MapCanvas.SetPinpoint(pin, new Point(10, 31));
C1MapCanvas.SetLatLong(pin, pt);

var items = this.c1Maps1.Layers[0] as C1MapItemsLayer;
items.Items.Add(pin);
}

 

DEMO 下载:

C1WPFMap.zip (640.49 kb)

关于葡萄城

葡萄城是专业的软件开发技术和低代码平台提供商,以“赋能开发者”为使命,致力于通过表格控件、低代码和BI等各类软件开发工具和服务,一站式满足开发者需求,帮助企业提升开发效率并创新开发模式。葡萄城开发技术始于1980年,40余年来始终聚焦软件开发技术,有深厚的技术积累和丰富的产品线。是业界能够同时赋能软件开发和低代码开发的企业。凭借过硬的产品能力、活跃的用户社区和丰富的伙伴生态,与超过3000家合作伙伴紧密合作,产品广泛应用于信息和软件服务、制造、交通运输、建筑、金融、能源、教育、公共管理等支柱产业。

相关产品
推荐相关案例
关注微信
葡萄城社区二维码

关注“葡萄城社区”

加微信获取技术资讯

加微信获取技术资讯

想了解更多信息,请联系我们, 随时掌握技术资源和产品动态