【Silverlight】Bing Maps学习系列(五):绘制多边形(Polygon)图形

Bing Maps Silverlight Control支持用户自定义绘制多边形(Polygon)图形,包括三角形、四边形(矩形、菱形)、以及其他更多多边形的图形绘制。

多边形说简单点就是一个由多条边组成的有一定规则的图形,比如三角形就是由三条边组成,我们要在地图上绘制三角形需要知道三个顶点的坐标值(精度和纬度),如下代码块:

private
 void
 btnPolygon_Click(object
 sender, RoutedEventArgs e)
{
    MapPolygon polygon = new
 MapPolygon();
    polygon.Fill = new
 System.Windows.Media.SolidColorBrush(System.Windows.Media.Colors.Red);
    polygon.StrokeThickness = 5;
    polygon.Opacity = 0.7;
    polygon.Locations = new
 LocationCollection() { 
                        new
 Location(34.9294740237661,107.506492025863), 
                        new
 Location(37.7814222409819, 105.979148275863), 
                        new
 Location(40.2865067209496, 109.219382650863) };
    this
.myMap.Children.Add(polygon);
}
  MapPolygon就是Bing Maps提供的一个多边形类,如上代码块则实现了在地图上绘制一个三角形,主要就是利用三个点的坐标通过Locations进行定位绘制图层,效果如下:
        
  
  相应的如果是绘制四变形也就是多一个顶点的多边形而已,示意代码如下:
代码
<!-- <br/ /><br/ />Code highlighting produced by Actipro CodeHighlighter (freeware)<br/ />http://www.CodeHighlighter.com/<br/ /><br/ />--> private   void  btnQuad_Click( object  sender, RoutedEventArgs e) {     MapPolygon polygon  =   new  MapPolygon();      // 填充颜色     polygon.Fill  =   new  System.Windows.Media.SolidColorBrush(System.Windows.Media.Colors.Red);     polygon.Stroke  =   new  System.Windows.Media.SolidColorBrush(System.Windows.Media.Colors.Yellow);     polygon.StrokeThickness  =   5 ;     polygon.Opacity  =   0.7 ;     polygon.Locations  =   new  LocationCollection() {                           new  Location( 34.9294740237661 , 107.506492025863 ),                           new  Location( 37.7814222409819 105.979148275863 ),                           new  Location( 40.2865067209496 109.219382650863 ),                          new  Location( 29.8104584489867 115.943992025863 )};      this .myMap.Children.Add(polygon); }
      

 

  除了上面通过代码动态绘制多边形外,也可以通过Map控件进行配置,如下示例:

代码
<!-- <br/ /><br/ />Code highlighting produced by Actipro CodeHighlighter (freeware)<br/ />http://www.CodeHighlighter.com/<br/ /><br/ />--> < m:Map  CredentialsProvider ="AkzZURoD0H2Sle6Nq_DE7pm7F3xOc8S3CjDTGNWkz1EFlJJkcwDKT1KcNcmYVINU"  x:Name ="myMap"  
       Center
="34.9294740237661,107.506492025863"  ZoomLevel ="4"  NavigationVisibility ="Collapsed" >
    
< m:MapPolygon  Locations ="30,108 39,102 34.88,90.021"  Fill ="Red"  StrokeThickness ="5"  Opacity ="0.8" ></ m:MapPolygon >
</ m:Map >
 

 

 

  如上图中红色的三角形就是通过初始化配置进去的,平时二次开发中使用动态创建相对较多。上面提到四边形分菱形和矩形,Bing Maps 也提供了专门绘制矩形和菱形的类,比如矩形是Rectangle类。二次开发中经常会涉及到需要自己绘制一些图形在地图上,或者是在地图上动态选择绘制, 了解绘制图形的基本原理后实现这些都非常简单,实际上就是给Map控件添加一个子元素,也可以理解为Silverlight的UIElement。

 

  希望通过本文抛砖引玉,欢迎大家前来一起讨论交流,共同学习进步。

 

相关说明

 本文属学习笔记文章,愿与有志者共同学习交流。欢迎转载,但请在明显地位标记本文的原文连接。  

作      者:Beniao

文章出处:http://beniao.cnblogs.com/   或  http://www.cnblogs.com/

 

 

Tag标签: 绘制图形 , Polygon
2
0
0
(请您对文章做出评价)
« 上一篇: 【Silverlight】Bing Maps学习系列(四):使用图钉层(Pushpin layer)及地图图层(MapLayer)
» 下一篇: 【Silverlight】Bing Maps学习系列(六):使用扩展模式(Extended Modes)

<script src="http://partner.googleadservices.com/gampad/google_service.js" type="text/javascript"></script><script type="text/javascript"> try { GS_googleAddAdSenseService(&quot;ca-pub-4210569241504288&quot;); GS_googleEnableAllServices(); } catch (e) { } </script><script src="http://partner.googleadservices.com/gampad/google_ads.js"></script><script type="text/javascript"> try { GA_googleAddSlot(&quot;ca-pub-4210569241504288&quot;, &quot;cnblogs_blogpost_body&quot;); GA_googleAddSlot(&quot;ca-pub-4210569241504288&quot;, &quot;cnblogs_commentbox_up&quot;); GA_googleAddSlot(&quot;ca-pub-4210569241504288&quot;, &quot;cnblogs_blogpost_bottom&quot;); } catch (e) { } </script><script type="text/javascript"> try { GA_googleFetchAds(); } catch (e) { } </script><script type="text/javascript"> var blog_ad_has_shown = false; </script>

posted @ 2009-12-09 00:22 Bēniaǒ 阅读(1397) 评论(6)   编辑 收藏 网摘 所属分类: Bing Maps

<!-- <rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:trackback="http://madskills.com/public/xml/rss/module/trackback/"> <rdf:Description rdf:about="http://www.cnblogs.com/beniao/archive/2009/12/09/1616956.html" dc:identifier="http://www.cnblogs.com/beniao/archive/2009/12/09/1616956.html" dc:title="" trackback:ping="http://www.cnblogs.com/beniao/services/trackbacks/1616956.aspx" /> </rdf:RDF> --> <!-- end: topics 文章、评论容器-->

<!-- done-->
1722468
#1楼 psman[未注册用户] 在2009-12-09 08:54说:
请问楼主,你是的地图是如何显示中文的?如何设置?
   回复    引用     
#2楼 psman[未注册用户] 在2009-12-09 09:14说:
看了楼主上一篇,原来中文地图是从live地图上另加的,这样有个不好的地方,就是要下载双层数据,被覆盖的那层也会下载,导致速度变慢,还是等微软出改进版吧
   回复    引用     
#3楼 [ 楼主 ] Bēniaǒ        在2009-12-09 13:13说:
@ psman
显示中文地图是通过程序动态从Bing Maps的Tile系统里读取的对应的图层加载出来的。
具体实现在上一篇文章里有详细代码。


   回复    引用    查看     
#4楼 [ 楼主 ] Bēniaǒ        在2009-12-09 13:18说:
@ psman
对于你说的会下载双层地图的情况确实是存在的,英文和中文地图回同时下载,这种情况只会出现在地图模式为:RoadMode和AerialMode(false|true)这两种模式中,你只需要将地图的Mode设置为MercatorMode就不会下载英文地图了。

   回复    引用    查看     
#5楼 looklook[未注册用户] 在2009-12-12 00:26说:
如果不能访问公网咋办。。。
   回复    引用     
#6楼 [ 楼主 ] Bēniaǒ        在2009-12-12 18:07说:

@ looklook
如果不能访问公网就需要自己搭建Map数据服务器,这也是地图的一个最大的的卖点,企业需要在地图上进行二次开发,将自己企业需要的一些东西扩展在地图上,如果自己不搭建Map服务器用公网的所有东西都暴露了。
比如电信通信行业的地图应用就很典型,电信通过地图的二次开发,可以将他们所建立的通信基站全部呈现在地图上,通过地图搜索进行基站定位,通过监控系统可以监控基站运行状态,查询基站运行相关信息。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值