原文:ArcGIS API for Silverlight 绘制降雨路径动画
#region 降雨动画演示 2014-04-16
List<Graphic> graphics = new List<Graphic>();
int INDEX = 0;
MapPoint GLOBAL = new MapPoint(); //保存上一次绘制降雨圈的点信息 2014-04-16
int INDEX_2 = 0; //控制是否是第一次绘制降雨圈
/// <summary>
/// 从数据库获取数据，并绘制圆
/// </summary>
public void DrawRainEllipseFromDatabase()
{
getMapDataSoapClient client = new getMapDataSoapClient();
client.getJYDataByTimeSpanCompleted += new EventHandler<getJYDataByTimeSpanCompletedEventArgs>(client_getJYDataByTimeSpanCompleted);
client.getJYDataByTimeSpanAsync("2014-04-08", "2014-04-11");
}
void client_getJYDataByTimeSpanCompleted(object sender, getJYDataByTimeSpanCompletedEventArgs e)
{
//GraphicsLayer graphicsLayer = myMap.Layers["YLPointsLayer"] as GraphicsLayer;
//graphicsLayer.ClearGraphics();
ObservableCollection<JYDW> rets = e.Result;
Graphic graphic;
foreach (JYDW item in rets)
{
graphic = new Graphic()
{
Geometry = mercator.FromGeographic(new MapPoint(double.Parse(item.LGTD.ToString().Trim()), double.Parse(item.LTTD.ToString().Trim()))),
Symbol = LayoutRoot.Resources["BlueMarkerSymbol"] as Symbol
};
//保存属性
graphic.Attributes["STCD"] = item.CMAXSTCD; //雨量站编码
graphic.Attributes["TM"] = item.TM; //时间
graphic.Attributes["RainV"] = item.CDRP; //雨量站名称
graphic.Attributes["CDNUM"] = item.CDNUM; //降雨站数
graphic.Attributes["LGTD"] = item.LGTD; //经度
graphic.Attributes["LTTD"] = item.LTTD; //纬度
graphics.Add(graphic);
//graphicsLayer.Graphics.Add(graphic);
}
}
/// <summary>
/// 在地图上绘制圆
/// </summary>
/// <param name="myMap">地图</param>
/// <param name="container">绘制容器</param>
/// <param name="pt">要绘制的点</param>
/// <param name="drawCircleLayer"></param>
/// <param name="circleKm">直径</param>
/// <param name="color">填充色</param>
/// <param name="ellipseStroke">边框色</param>
public void DrawEllipse(Map myMap, Canvas container, MapPoint pt, ref ElementLayer drawCircleLayer, double circleKm, Color color, Color ellipseStroke)
{
if (!drawCircleLayer.Children.Contains(container))
{
drawCircleLayer.Children.Add(container);
container.Opacity = 0.7;
container.SetValue(ElementLayer.EnvelopeProperty, new Envelope(myMap.Extent.XMax, myMap.Extent.YMax, myMap.Extent.XMin, myMap.Extent.YMin));
}
Point ptFirst = myMap.MapToScreen(new MapPoint(Convert.ToDouble(pt.X), Convert.ToDouble(pt.Y)));
Point pt7 = myMap.MapToScreen(new MapPoint((Convert.ToDouble(pt.X) + (circleKm * 1000)), Convert.ToDouble(pt.Y)));
Ellipse ellipse7 = new Ellipse();
ellipse7.Width = (pt7.X - ptFirst.X)*2;
ellipse7.Height = ellipse7.Width;
ellipse7.StrokeThickness = 1;
ellipse7.Stroke = new SolidColorBrush(ellipseStroke);
ellipse7.Fill = new SolidColorBrush(color);
Canvas.SetLeft(ellipse7, ptFirst.X - ellipse7.Width / 2);
Canvas.SetTop(ellipse7, ptFirst.Y - ellipse7.Width / 2);
ellipse7.Opacity = 0.7;
container.Children.Add(ellipse7);
container.IsHitTestVisible = false;
container.SetValue(Canvas.ZIndexProperty, 1);
GLOBAL = WKIDConvert.mercator2lonlat(ESRI.ArcGIS.Client.Geometry.Geometry.NormalizeCentralMeridian(pt) as ESRI.ArcGIS.Client.Geometry.MapPoint);//每次绘制降雨圈后，将值保存起来
}
/// <summary>
/// 绘制点
/// </summary>
public void DrawPoint(MapPoint mp,Graphic g)
{
GraphicsLayer graphicsLayer = myMap.Layers["YLPointsLayer"] as GraphicsLayer;
GraphicsLayer graphicsLayerText = myMap.Layers["GraphicsLayerRed"] as GraphicsLayer;
//动态标记点元素
Graphic graphic = new Graphic()
{
Geometry = mp,
Symbol = LayoutRoot.Resources["BlueMarkerSymbol"] as Symbol
};
graphicsLayer.Graphics.Add(graphic);
//动态标记数值
TextSymbol textSymbol = new TextSymbol()
{
FontFamily = new System.Windows.Media.FontFamily("Microsoft YaHei"),
Foreground = new System.Windows.Media.SolidColorBrush(ColorRevert.ToColor(tip_Base.DXT_COLOR)),
FontSize = 16,
Text = g.Attributes["RainV"].ToString(),
OffsetX = 10,
OffsetY = 23
};
Graphic graphicText = new Graphic()
{
Geometry = mp,
Symbol = textSymbol
};
graphicsLayerText.Graphics.Add(graphicText);
}
/// <summary>
/// 绘制连接线
/// </summary>
public void DrawLine(MapPoint gS, MapPoint gE)
{
List<ESRI.ArcGIS.Client.Geometry.Polyline> polylineList = new List<ESRI.ArcGIS.Client.Geometry.Polyline>();
ESRI.ArcGIS.Client.Geometry.PointCollection pointCollection = new ESRI.ArcGIS.Client.Geometry.PointCollection();
pointCollection.Add(gS);
pointCollection.Add(gE);
ESRI.ArcGIS.Client.Geometry.Polyline polyline = new ESRI.ArcGIS.Client.Geometry.Polyline();
polyline.Paths.Add(pointCollection);
polylineList.Add(polyline);
GraphicsLayer graphicsLayer = myMap.Layers["GraphicsDWLine"] as GraphicsLayer;
foreach (ESRI.ArcGIS.Client.Geometry.Polyline pl in polylineList)
{
Graphic graphic = new Graphic()
{
Symbol = LayoutRoot.Resources["DefaultLineSymbol"] as Symbol,
Geometry = mercator.FromGeographic(pl)
};
graphicsLayer.Graphics.Add(graphic);
}
}
/// <summary>
/// 绘制每小时降雨圈
/// </summary>
/// <param name="myMap"></param>
/// <param name="sender"></param>
public void DrawEllipseHourRainCircle(Map myMap, object sender)
{
INDEX_2++;
if (GisMap.LayerExist(myMap, "RainAnimationLayer"))
{
GisMap.DeleteLayersToMap(myMap, "RainAnimationLayer");
}
ElementLayer circleLayer = new ElementLayer();
circleLayer.ID = "RainAnimationLayer";
Canvas circleCanvas = new Canvas();
Graphic tipGraphic = sender as Graphic;
//通过过滤为0的值，这样经纬度坐标没有值的也被过滤掉
if (Convert.ToDouble(tipGraphic.Attributes["RainV"]) != 0)
{
Color color = new Color();
double V = double.Parse(tipGraphic.Attributes["RainV"].ToString());
if (V < 10)
{
color = ColorRevert.ToColor("#FF3FC816");
}
else if (V >= 10 && V < 25)
{
color = ColorRevert.ToColor("#FF1016FE");
}
else if (V >= 25 && V < 50)
{
color = ColorRevert.ToColor("#FFFFEB00");
}
else if (V >= 50 && V < 100)
{
color = ColorRevert.ToColor("#FFFF871C");
}
else if (V >= 100 && V < 200)
{
color = ColorRevert.ToColor("#FFEB27A5");
}
else if (V >= 200)
{
color = ColorRevert.ToColor("#FFE8353B");
}
//第一步：绘制降雨点
DrawPoint(WKIDConvert.lonlat2mercator(new MapPoint(Convert.ToDouble(tipGraphic.Attributes["LGTD"]),
Convert.ToDouble(tipGraphic.Attributes["LTTD"]))), tipGraphic);
//第二步：绘制站点连接线
if (INDEX_2 == 1)
{
DrawLine(new MapPoint(Convert.ToDouble(tipGraphic.Attributes["LGTD"]),
Convert.ToDouble(tipGraphic.Attributes["LTTD"])), new MapPoint(Convert.ToDouble(tipGraphic.Attributes["LGTD"]),
Convert.ToDouble(tipGraphic.Attributes["LTTD"])));
}
else
{
DrawLine(GLOBAL, new MapPoint(Convert.ToDouble(tipGraphic.Attributes["LGTD"]),
Convert.ToDouble(tipGraphic.Attributes["LTTD"])));
}
//第三步：绘制降雨圈
this.DrawEllipse(myMap, circleCanvas, WKIDConvert.lonlat2mercator(new MapPoint(Convert.ToDouble(tipGraphic.Attributes["LGTD"]),
Convert.ToDouble(tipGraphic.Attributes["LTTD"]))), ref circleLayer,
Convert.ToDouble(tipGraphic.Attributes["CDNUM"]), color, color);
}
GisMap.AddLayersToMap(myMap, new ElementLayer[] { circleLayer });
}
DispatcherTimer timer = new DispatcherTimer();
private void btnDW_Click(object sender, System.Windows.RoutedEventArgs e)
{
DrawRainEllipseFromDatabase(); // 先绘点并保存数据
double d = 1;
try
{
d = double.Parse(this.tbSecond.Text.Trim());
}
catch (Exception)
{
MessageBox.Show("请输入数字！");
}
timer.Interval = TimeSpan.FromSeconds(d);
timer.Tick += new EventHandler(timer_Tick);
timer.Start();
}
void timer_Tick(object sender, EventArgs e)
{
try
{
if (INDEX < graphics.Count)
{
DrawEllipseHourRainCircle(myMap, graphics[INDEX]);
this.tb_SJ.Text = "";
this.tb_ZM.Text = "";
this.tb_YL.Text = "";
this.tb_SJ.Text = DateTime.Parse(graphics[INDEX].Attributes["TM"].ToString()).ToString("yyyy-MM-dd HH:mm");
this.tb_ZM.Text = graphics[INDEX].Attributes["STCD"].ToString().Trim();
this.tb_YL.Text = graphics[INDEX].Attributes["RainV"].ToString().Trim();
INDEX++; //自增
}
else
{
//INDEX = 0;
timer.Stop(); //动画过程停止
}
}
catch (Exception ex)
{
return;
}
}
#endregion