ArcGisForSilverlightAPI,地图显示Gis,绘制点，线，绘制图等(四)动态绘制点

平台&＃xff1a;Vs 2010,Blend 4,Silverlight 4

调用API: ArcGis for Silverligth API(ESRI.ArcGIS.Client)

本节就作为ArcGis 的最后一讲吧&＃xff0c;本来想写点其它的&＃xff0c;发觉和 Gis 没什么关系。

本节主要以介绍如何动态的在ArcGis上绘制图形&＃xff0c;图像并显示隐藏要的层

我们知道如果要在ArcGis上绘制图形的话得先在xmal中加入用户的图层

代码

           
            <esri:GraphicsLayer ID&＃61;"GLayer">
            esri:GraphicsLayer>
            <esri:GraphicsLayer ID&＃61;"WDLayer">
            esri:GraphicsLayer>

全局变量

代码

///

        /// 海浪一号报文
        ///

        private void WaveIInit()
        {
            GetWaveService.WaveServiceSoapClient porxy &＃61; new MapSilverlight.GetWaveService.WaveServiceSoapClient();
            porxy.GetSeaInfoCompleted &＃43;&＃61; new EventHandler<MapSilverlight.GetWaveService.GetSeaInfoCompletedEventArgs>(porxy_GetSeaInfoCompleted);
            porxy.GetSeaInfoAsync();
        }
        ///

        /// 异步接收完海浪一号报文后即绘制图形到地图上
        ///

        ///
        ///
        void porxy_GetSeaInfoCompleted(object sender, MapSilverlight.GetWaveService.GetSeaInfoCompletedEventArgs e)
        {
            // 获取数据长度
            int length &＃61; e.Result.Count;

            // 绘制站点层
            GraphicsLayer glayer &＃61; new GraphicsLayer();
            glayer &＃61; myMap.Layers["GLayer"] as GraphicsLayer;

            // 绘制风向层
            GraphicsLayer WDLayer &＃61; new GraphicsLayer();
            WDLayer &＃61; myMap.Layers["WDLayer"] as GraphicsLayer;


            // 定义一个转换类,将字符串地址转化为图片
            ImageSourceConverter converter &＃61; new ImageSourceConverter();

            // 实例化站点和风向
            mapPoint &＃61; new List<Graphic>();
            WDPic &＃61; new List<Graphic>();

            // 循环从结果集中取数据
            for (int i &＃61; 0; i < length; i&＃43;&＃43;)
            {
                waveI.Add(new WebModel.Sites(e.Result[i].Longitude, e.Result[i].Latitude, e.Result[i].SiteNo
                    , e.Result[i].Pressure, e.Result[i].RH, e.Result[i].Temperature, e.Result[i].Visibility));

                // 将站点添加到站点层
                mapPoint.Add(new Graphic()
                {
                    Geometry &＃61; new MapPoint(Convert.ToDouble(e.Result[i].Longitude), Convert.ToDouble(e.Result[i].Latitude)),
                    Symbol &＃61; new SimpleMarkerSymbol()
                    {
                        Color &＃61; new SolidColorBrush(Colors.Red),
                        Size &＃61; 6,
                        Style &＃61; SimpleMarkerSymbol.SimpleMarkerStyle.Circle
                    }
                });

                // 将风向添加到风向层
                WDPic.Add(new Graphic()
                {
                    Geometry &＃61; new MapPoint(Convert.ToDouble(e.Result[i].Longitude), Convert.ToDouble(e.Result[i].Latitude)),
                    Symbol &＃61; new PictureMarkerSymbol()
                    {
                        Source &＃61; (ImageSource)converter.ConvertFromString("wind/1.png")
                    }
                });
            }

            // 调用动态绘图方法绘制站点
            DynamicDrawSymbol(glayer, mapPoint, myMap);
            // 调用动态绘图方法绘制风向
            DynamicDrawSymbol(WDLayer, WDPic, myMap);
        }

当然我们要在地图发生改变时去实时的绘制&＃xff0c;需要在ArcGis图层里添加ExtentChanged事件代码如下

代码

<esri:Map x:Name&＃61;"myMap" ExtentChanged&＃61;"myMap_ExtentChanged"  Extent&＃61;"117.356,29.4949,124.299,32.567" RenderTransformOrigin&＃61;"0.5,0.5" UseLayoutRounding&＃61;"False"
                  d:LayoutRounding&＃61;"Auto" Margin&＃61;"0,0,0,-30" d:LayoutOverrides&＃61;"GridBox" Background&＃61;"Transparent">

当事件改变时&＃xff1a;

代码

GraphicsLayer glayer &＃61; new GraphicsLayer();
            glayer &＃61; myMap.Layers["GLayer"] as GraphicsLayer;

            GraphicsLayer WDLayer &＃61; new GraphicsLayer();
            WDLayer &＃61; myMap.Layers["WDLayer"] as GraphicsLayer;

            // 调用动态绘图方法绘制站点
            DynamicDrawSymbol(glayer, mapPoint, myMap);

           
            // 调用动态绘图方法绘制风向
            if (myMap.Extent.Height < 10)
            {
                WDLayer.Visible &＃61; true;
                DynamicDrawSymbol(WDLayer, WDPic, myMap);
            }
            else
            {
                WDLayer.Visible &＃61; false;
            }

上面的代码中我们看到了myMap.Extent.Height <10当地图的高度大于10时会隐藏WDLayer
这样我们就实现了动态隐藏层

我们再看最重要的一段代码&＃xff0c;这就是动态的从缓存中绘制到图层上

代码

///

        /// 动态的绘制图层
        /// 当然地图移动到相应的坐标后绘制(保留原来的点,绘制新的数据)
        /// 实现了无刷新绘制
        ///

        /// 表示地图上的层
        /// 存放 Graphics 的缓存
        /// 表示一张 ArcGis 地图
        private void DynamicDrawSymbol(ESRI.ArcGIS.Client.GraphicsLayer glayer,List<ESRI.ArcGIS.Client.Graphic> cacheGraphic, ESRI.ArcGIS.Client.Map map)
        {
            // 以下四个变量分别表示地图的四个边
            // 即最大经纬度和最小经纬度
            // xMax最大经度,yMax最大纬度
            double xMax &＃61; map.Extent.XMax;
            double xMin &＃61; map.Extent.XMin;
            double yMax &＃61; map.Extent.YMax;
            double yMin &＃61; map.Extent.YMin;

            // 去除不在坐标范围内的点,先检查图层是否为空
            if (glayer !&＃61; null)
            {
                int graphicCount &＃61; glayer.Graphics.Count;
                for (int i &＃61; 0; i < graphicCount; i&＃43;&＃43;)
                {
                    // 判断经度,纬度
                    if (!((glayer.Graphics[i].Geometry.Extent.XMax < xMax && glayer.Graphics[i].Geometry.Extent.XMax > xMin)
                        && (glayer.Graphics[i].Geometry.Extent.YMax < yMax && glayer.Graphics[i].Geometry.Extent.YMax > yMin)))
                    {
                        // 将点在地图上移除,并放在缓存中
                        cacheGraphic.Add(glayer.Graphics[i]);
                        glayer.Graphics.Remove(glayer.Graphics[i]);
                        graphicCount--;  // 当从集合中移除元素时应该把 graphicCount 减1
                        i--;              // 元素被移除后相当于当前元素的后一位元素会 -1,应该再循环一次本次循环所以应该 -1
                    }
                } // i
            }

            // 检查缓存是否为空,并将点绘制到图形上
            if (cacheGraphic !&＃61; null)
            {
                int count &＃61; cacheGraphic.Count;
                for (int i &＃61; 0; i < count; i&＃43;&＃43;)
                {
                    // 判断经度,纬度
                    if ((cacheGraphic[i].Geometry.Extent.XMax < myMap.Extent.XMax && cacheGraphic[i].Geometry.Extent.XMax > myMap.Extent.XMin)
                        && (cacheGraphic[i].Geometry.Extent.YMax < myMap.Extent.YMax && cacheGraphic[i].Geometry.Extent.YMax > myMap.Extent.YMin))
                    {
                        // 运行到此则该点在目前地图范围内,将该点加入到地图中
                        glayer.Graphics.Add(cacheGraphic[i]);
                        cacheGraphic.Remove(cacheGraphic[i]);
                        count--;    // 当从集合中移除元素时应该把 count 减1
                        i--;        // 元素被移除后相当于当前元素的后一位元素会 -1,应该再循环一次本次循环所以应该 -1
                        continue;
                    }
                }
            }
        }

这篇文章早在已前已经写好了&＃xff0c;其实恩路很简单&＃xff0c;在Gis大量数据加载到地图上的时候我们拖动地图的时候就会比较卡&＃xff0c;

我们当然把在地图上的数据加载到地图上&＃xff0c;也就是当前 myMap.Extent 里的 XMax,YMax,Xmin,YMin&＃xff0c;这个范围内的点

加载到地图上&＃xff01;不在这个范围内的就移除&＃xff0c;这样速度就会快一点&＃xff0c;但是看到网上有人用CacheMode来解决游戏的问题的不知道

在Gis上可不可行&＃xff0c;个人认为还是可行的&＃xff0c;有空再去研究这个东西吧&＃xff01;

OK&＃xff0c;Gis东西就先写到这&＃xff0c;大家有什么问题可以给我留言&＃xff01;欢迎大家一起讨论&＃xff01;

OK, happy every day~