你的位置:首页 > ASP.net教程

[ASP.net教程]使用SilverLight开发区域地图分析模块


 

       本人最近接收开发一个代码模块,功能主要是在页面上显示安徽省市地图,并且在鼠标移动到地图某市区域时,显示当前区域的各类信息等,一开始准备用百度地图,高德地图等地图工具进行开发,最后发现都不适合进行此类开发,随后想到用GIS,但是又不会,需要花费时间去学习,而且项目功能简单,我觉得没有必要使用GIS,之后在微软的官网上看到了类似例子。主要内容就是将一幅安徽地图,切分成地市,然后在用Silverlight把这些市拼在一起,然后在加入鼠标移动上去的事件,进行添加一些特效和Tip等,使用这种方式开发简单,对于一些简单的异样的图表展示,我觉得这种方法还是不错的。好了,下面我就为大家讲解下如何进行开发。

     首先我将效果展示给大家看一下:

         不知道为什么不能上传大图,这里点击各市的时候有个颜色变换以及分割化的一个特效

 

           

          1.第一步我们需要准备一张比较清晰的省图片,格式的话都可以,jpg,png的都行。

          2.安装处理图片的工具,这里我们使用的是微软的Microsoft Expression Design,因为在描点后他可以直接生成XAML提供silverlight用,比较方便 我安装的是design 4。

             下载地址:http://www.microsoft.com/expression/chs/

          3.打开设计器,可以将图片直接拖入进去,然后将Snap point 和Pixels勾选上

          4.此时在右侧,你可以看到这样的效果 点击图片右下角的(垃圾桶旁边的那个按钮)新增一个层。

          5.鼠标选择新增的层,然后选择左边栏类似钢笔的图标,我这是英文版本,就是Pen,点击需要切分的市,沿着市的边缘一直点,这里可以将图片放大,这样点出来的效果比较好,沿着市区边缘勾一圈,然后会看到类似这样的效果:

                  

         6.每个切分的市,需要在新的层上面描点,直到将所需的切分完,这样大概就是16个图层,每个图层一个地市。

         7.然后点击导入按钮,选择按如下图示意:

           保存成XAML格式,供Silverlight 使用。

      

下面步骤就是在Silverlight端进行操作了

          

 

           8.新建Silverlight项目,然后将刚刚保存的XAML的内容拷贝至项目的MainPage.xaml,xaml代码内容如下

            

 1 <UserControl x:Class="MapsHotspotDemo.MainPage" 2   "http://schemas.microsoft.com/winfx/2006/xaml/presentation"  3   "http://schemas.microsoft.com/winfx/2006/xaml" 4   "clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls.Toolkit" 5   "http://schemas.microsoft.com/expression/blend/2008"  6   "http://schemas.open"  7   mc:Ignorable="d" d:DesignWidth="640" d:DesignHeight="480" "clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls.Data.Input"> 8  9     <controlsToolkit:Viewbox x:Name="MapsViewbox" VerticalAlignment="Top" Margin="0,0,0,0">10       <!-- Maps content here -->11       <Canvas "http://schemas.microsoft.com/winfx/2006/xaml/presentation" 12           "http://schemas.microsoft.com/winfx/2006/xaml" 13           x:Name="MapsHotSpot" Width="800" 14           Height="881.333" Clip="F1 M 0,0L 800,0L 800,881.333L 0,881.333L 0,0" 15           UseLayoutRounding="False">16         <Canvas Width="800" Height="881.333" Canvas.Left="0" Canvas.Top="0">17           <Image x:Name="Image" Source="MapsHotSpot_files/image0.png" Width="600" Height="661" Canvas.Left="0" Canvas.Top="0">18             <Image.RenderTransform>19               <TransformGroup>20                 <MatrixTransform Matrix="1.33333,0,0,1.33333,0,-2.03451e-005"/>21               </TransformGroup>22             </Image.RenderTransform>23           </Image>24         </Canvas>25         <Canvas x:Name="宿州" Width="800" Height="881.333" Canvas.Left="0" Canvas.Top="0">26           <Path x:Name="Path_3" Width="289.333" Height="221.333" Canvas.Left="244" Canvas.Top="13.3334" Stretch="Fill" Fill="#67F8EDED" Data="F1 M 250.667,29.3333L 252,25.3333L 254.667,22.6667L 258.667,22.6667L 261.333,21.3334L 264,18.6667L 266.667,16.0001L 269.333,17.3334L 272,18.6667L 274.667,18.6667C 274.667,18.6667 276,17.3333 277.333,17.3334C 278.667,17.3334 280,16.0001 280,16.0001L 282.667,13.3334L 285.333,13.3334L 289.333,13.3334L 292,13.3334L 294.667,16.0001L 297.333,18.6667L 300,21.3334L 302.667,24.0001L 305.333,26.6667L 309.333,30.6667L 312,33.3334L 314.667,36.0001L 316,38.6667L 320,38.6667L 325.333,38.6667L 329.333,38.6667L 332,38.6667C 333.333,41.3335 336,44.0001 336,44.0001L 338.667,46.6667L 341.333,49.3334L 344,49.3334L 349.333,50.6667L 352,49.3334L 356,50.6667L 358.667,49.3334C 358.667,49.3334 361.333,49.3333 361.333,50.6667C 361.333,52.0001 362.667,53.3334 362.667,53.3334C 362.667,53.3334 364,54.6666 364,56.0001C 364,57.3334 365.333,60.0001 365.333,60.0001L 365.333,62.6667L 365.333,65.3334L 365.333,68.0001L 368,70.6667L 369.333,73.3334L 372,76.0001L 372,80.0001L 373.333,84.0001C 373.333,84.0001 374.667,85.3333 374.667,86.6667C 374.667,88.0001 377.333,90.6667 377.333,90.6667L 380,92.0001L 381.333,94.6667L 385.333,97.3334L 388,100L 390.667,100L 392,102.667L 394.667,102.667L 397.333,102.667L 401.333,101.333L 404,100L 406.667,98.6667L 410.667,98.6667L 414.667,100L 417.333,101.333L 420,101.333L 422.667,104L 425.333,106.667L 428,110.667L 430.667,109.333C 430.667,109.333 433.333,109.333 433.333,108C 433.333,106.667 436,105.333 436,105.333L 440,105.333L 442.667,106.667L 444,109.333L 446.667,112L 446.667,114.667L 450.667,114.667L 454.667,113.333L 457.333,114.667L 460,114.667L 462.667,118.667L 464,122.667C 462.667,125.333 462.667,128 462.667,128L 464,130.667L 466.667,132L 469.333,133.333L 470.667,136L 473.333,137.333C 474.667,138.667 474.667,138.667 474.667,141.333C 474.667,144 474.667,145.333 474.667,146.667C 474.667,148 472,149.333 472,150.667C 472,152 472,153.333 472,154.667C 472,156 473.333,156 473.333,157.333C 473.333,158.667 476,160 476,160L 481.333,160L 486.667,157.333L 493.333,156L 500,154.667L 505.333,153.333L 509.333,152L 516,152L 520,153.333L 524,153.333L 526.667,156L 529.333,157.333L 532,160L 533.333,164L 533.333,169.333C 533.333,169.333 532,172 532,173.333C 532,174.667 530.667,176 530.667,177.333C 530.667,178.667 528,181.333 528,181.333L 526.667,185.333L 524,188L 521.333,190.667C 521.333,190.667 518.667,192 518.667,193.333C 518.667,194.667 517.333,196 517.333,196L 514.667,197.333C 514.667,200 514.667,202.667 514.667,202.667L 514.667,206.667L 512,210.667L 512,213.333C 512,213.333 509.333,214.667 509.333,216C 509.333,217.333 508,218.667 508,218.667C 508,218.667 509.333,218.667 508,221.333C 506.667,224 504,224 504,224L 501.333,225.333L 498.667,225.333L 494.667,226.667L 490.667,228L 488,229.333L 484,230.667L 481.333,234.667L 477.333,234.667L 473.333,234.667L 469.333,232L 466.667,229.333L 464,226.667L 461.333,224L 457.333,224L 452,224L 448,224L 444,222.667L 438.667,221.333C 438.667,221.333 436,222.667 436,221.333C 436,220 432,220 432,220L 426.667,216L 425.333,213.333C 425.333,213.333 424,209.333 422.667,209.333C 421.333,209.333 418.667,206.667 418.667,206.667C 418.667,206.667 417.333,206.667 416,205.333C 414.667,204 412,202.667 412,202.667C 412,202.667 409.333,198.667 408,200C 406.667,201.333 404,200 404,200L 401.333,202.667C 398.667,204 397.333,205.333 397.333,205.333L 393.333,208L 388,206.667L 385.333,208L 380,209.333L 376,210.667L 373.333,212C 373.333,212 374.667,213.333 373.333,214.667C 372,216 373.333,218.667 373.333,218.667C 373.333,218.667 370.667,221.333 373.333,224C 376,226.667 378.667,229.333 378.667,229.333L 378.667,232L 374.667,233.333L 370.667,233.333L 362.667,233.333L 358.667,233.333C 358.667,233.333 356,232 354.667,232C 354.667,232 352,228 352,226.667C 352,225.333 353.333,222.667 353.333,222.667L 354.667,218.667L 357.333,212L 357.333,206.667C 357.333,206.667 358.667,202.667 357.333,202.667C 356,202.667 354.667,197.333 354.667,197.333C 354.667,197.333 352,196 352,194.667C 352,193.333 352,190.667 352,189.333C 352,188 349.333,186.667 349.333,186.667L 345.333,184L 345.333,178.667L 346.667,174.667C 346.667,174.667 348,173.333 349.333,173.333C 350.667,173.333 356,173.333 356,173.333L 357.333,170.667L 357.333,166.667C 357.333,166.667 357.333,162.667 357.333,161.333C 357.333,160 358.667,157.333 358.667,157.333C 358.667,157.333 358.667,154.667 358.667,153.333C 358.667,152 358.667,148 358.667,146.667C 358.667,145.333 358.667,141.333 358.667,141.333L 360,137.333L 361.333,132L 361.333,128L 358.667,125.333L 357.333,121.333L 356,117.333L 354.667,113.333L 354.667,108C 354.667,108 354.667,106.667 353.333,105.333C 352,104 348,101.333 348,101.333L 345.333,102.667L 342.667,104C 342.667,104 341.333,106.667 340,106.667C 338.667,106.667 338.667,106.667 337.333,108C 336,109.333 334.667,112 334.667,112C 334.667,112 333.333,112 332,113.333C 330.667,114.667 329.333,117.333 329.333,117.333C 329.333,117.333 329.333,114.667 328,114.667C 326.667,114.667 326.667,113.333 325.333,114.667C 324,116 321.333,114.667 320,114.667C 318.667,114.667 316,114.667 316,114.667C 316,114.667 310.667,116 310.667,114.667L 308,109.333L 305.333,106.667C 305.333,106.667 304,104 304,102.667C 304,101.333 302.667,100 302.667,98.6667C 302.667,97.3334 302.667,92.0001 302.667,92.0001L 301.333,89.3334C 301.333,89.3334 301.333,86.6666 301.333,85.3334C 301.333,84.0001 300,78.6667 300,78.6667C 300,78.6667 298.667,76 297.333,76.0001C 296,76.0001 296,74.6666 293.333,74.6667C 290.667,74.6667 290.667,74.6666 289.333,74.6667C 288,74.6667 286.667,76 285.333,76.0001C 284,76.0001 284,74.6666 282.667,76.0001C 281.333,77.3334 277.333,78.6667 277.333,78.6667L 276,76.0001L 273.333,73.3334L 273.333,70.6667C 272,68.0001 270.667,65.3334 270.667,65.3334C 270.667,65.3334 269.333,64 268,64.0001C 266.667,64.0001 265.333,61.3334 265.333,61.3334L 264,57.3334C 264,57.3334 262.667,54.6666 261.333,54.6667C 260,54.6667 258.667,53.3334 258.667,53.3334C 258.667,53.3334 256,53.3333 256,52.0001C 256,50.6667 254.667,48.0001 254.667,48.0001C 254.667,48.0001 253.333,48 252,48.0001C 250.667,48.0001 252,46.6667 249.333,46.6667C 246.667,46.6667 245.333,45.3334 245.333,45.3334L 244,42.6667L 244,38.6667L 246.667,36.0001C 246.667,36.0001 250.667,37.3333 250.667,36.0001C 250.667,34.6667 250.667,33.3334 250.667,33.3334L 250.667,29.3333 Z "/>27         </Canvas>28         <Canvas x:Name="淮北" Width="800" Height="881.333" Canvas.Left="0" Canvas.Top="0">29           <Path x:Name="Path_4" Width="82.6666" Height="132" Canvas.Left="278.667" Canvas.Top="101.333" Stretch="Fill" Fill="#67F8EDED" Data="F1 M 310.667,114.667L 316,114.667L 320,114.667L 325.333,114.667L 328,114.667L 329.333,117.333L 332,113.333L 334.667,112L 337.333,108L 340,106.667L 342.667,104L 345.333,102.667L 348,101.333L 350.667,102.667L 353.333,105.333L 354.667,108L 354.667,113.333L 356,117.333L 357.333,121.333L 358.667,125.333L 361.333,128L 361.333,132L 360,137.333L 358.667,140L 358.667,144L 358.667,146.667L 358.667,153.333L 358.667,157.333L 357.333,161.333L 356,164C 356,164 356,166.667 356,168C 356,169.334 356,173.333 356,173.333L 353.333,174.667L 349.333,173.333L 346.667,174.667L 345.333,178.667L 345.333,184C 346.667,186.667 348,186.667 348,186.667L 352,189.333L 352,192L 352,194.667L 354.667,197.333L 356,200L 357.333,202.667C 357.333,202.667 357.333,205.333 357.333,206.667C 357.333,208 357.333,212 357.333,212L 357.333,216L 354.667,218.667L 353.333,222.667L 352,226.667L 353.333,230.667L 348,230.667L 342.667,232L 340,233.333L 334.667,229.333L 333.333,225.333L 332,221.333L 330.667,216L 330.667,212L 328,208L 325.333,204L 322.667,202.667C 320,201.333 318.667,201.333 318.667,201.333L 314.667,200L 309.333,200L 304,200L 301.333,200L 300,196L 300,192L 300,186.667L 300,182.667L 298.667,178.667L 294.667,176L 293.333,173.333L 293.333,168L 293.333,164L 290.667,161.333L 286.667,158.667C 286.667,158.667 282.667,157.333 282.667,156C 282.667,154.667 278.667,152 278.667,152L 278.667,149.333L 280,146.667L 284,144L 289.333,140L 293.333,138.667L 296,134.667L 298.667,133.333L 302.667,133.333L 306.667,133.333L 310.667,133.333L 313.333,130.667C 313.333,130.667 314.667,128 314.667,126.667C 314.667,125.333 313.333,122.667 313.333,122.667L 310.667,118.667L 310.667,114.667 Z "/>30         </Canvas>31 32         <Canvas x:Name="亳州" Width="800" Height="881.333" Canvas.Left="0" Canvas.Top="0">33           <Path x:Name="Path_5" Width="182.667" Height="193.333" Canvas.Left="157.333" Canvas.Top="101.333" Stretch="Fill" Fill="#67F8EDED" Data="F1 M 174.667,104L 170.081,107.275L 165.333,110.667L 162.667,114.667L 160,117.333C 160,117.333 157.333,120 157.333,121.333C 157.333,122.667 158.667,125.333 158.667,125.333L 160,128L 162.667,130.667L 164,133.333L 165.333,137.333L 168,140L 168,142.667C 168,142.667 168,145.333 168,146.667C 168,148 166.667,152 166.667,152L 165.333,156L 165.333,161.333L 166.667,166.667L 169.333,172L 170.667,176L 170.667,178.667C 170.667,178.667 173.333,181.333 174.667,181.333C 176,181.333 177.333,184 177.333,184L 180,185.333L 182.667,186.667L 185.333,188L 188,189.333C 188,189.333 193.333,193.333 192,192C 190.667,190.667 196,196 196,196L 200,200L 202.667,204L 205.333,209.333L 206.667,212L 209.333,213.333L 210.667,217.333L 209.333,221.333L 208,225.333L 208,228L 205.333,230.667L 202.667,229.333L 198.667,229.333L 196,233.333L 197.333,236L 200,240L 202.667,242.667L 208,246.667L 210.667,248L 213.333,249.333L 218.667,252L 220,258.667L 221.333,261.333L 224,264L 229.333,265.333L 232,265.333L 236,266.667L 237.333,269.333L 241.333,269.333L 242.667,272L 244,276L 245.333,280L 249.333,281.333L 252,282.667L 256,285.333L 258.667,285.333L 262.667,282.667L 265.333,282.667L 269.333,281.333L 272,281.333L 272,277.333L 274.667,272L 277.333,272L 280,273.333L 284,274.667L 288,274.667L 290.667,277.333L 293.333,281.333L 297.333,285.333L 301.333,286.667L 305.333,288L 310.667,289.333L 316,292L 318.667,293.333L 322.667,294.667L 325.333,294.667L 330.667,294.667L 332,292L 332,289.333L 332,286.667L 333.333,284L 336,281.333L 336,278.667L 336,273.333C 336,273.333 334.667,272 333.333,270.667C 332,269.333 330.667,266.667 330.667,266.667L 330.667,262.667L 330.667,256L 334.667,250.667L 338.667,250.667L 338.667,248L 338.667,244L 338.667,238.667L 340,233.333C 340,233.333 338.667,232 337.333,232C 336,232 334.667,229.333 334.667,229.333C 334.667,229.333 332,225.333 332,224C 332,222.667 330.667,218.667 330.667,218.667L 330.667,212L 328,208L 325.333,204L 322.667,202.667L 318.667,201.333L 314.667,200L 312,200C 309.333,200 306.667,200 306.667,200L 304,200L 301.333,200L 300,196L 300,192L 300,189.333L 300,186.667L 300,182.667L 298.667,178.667L 296,178.667L 293.333,176L 293.333,172L 293.333,168L 293.333,164L 289.333,161.333L 286.667,158.667L 282.667,156L 278.667,152L 276,149.333L 272,150.667L 266.667,150.667L 261.333,152L 258.667,154.667L 258.667,157.333L 254.667,157.333L 248,157.333L 244,154.667L 241.333,152L 238.667,152L 236,148L 234.667,144L 233.333,140L 232,136L 229.333,130.667L 229.333,125.333L 226.667,121.333L 225.333,114.667L 222.667,113.333L 218.667,110.667L 210.667,110.667L 206.667,110.667L 202.667,109.333L 201.333,106.667L 200,102.667L 194.667,101.333L 190.667,101.333L 186.667,102.667L 184,105.333L 181.333,104L 177.333,104L 174.667,104"/>34         </Canvas>35         <Canvas x:Name="阜阳" Width="800" Height="881.333" Canvas.Left="0" Canvas.Top="0">36           <Path x:Name="Path_2" Width="246.667" Height="192" Canvas.Left="58.6667" Canvas.Top="178.667" Stretch="Fill" Fill="#67F8EDED" Data="F1 M 170.667,178.667L 173.333,180L 174.667,182.667L 180,185.333L 182.667,186.667L 185.333,189.333L 188,189.333L 192,192L 193.333,194.667L 197.333,198.667L 200,200L 202.667,204C 204,205.333 205.333,209.333 205.333,209.333L 206.667,212L 209.333,213.333L 210.667,217.333C 209.333,220 209.333,222.667 209.333,222.667C 209.333,222.667 208,224 208,225.333C 208,226.667 208,226.667 208,228C 208,229.333 209.333,230.667 208,230.667C 206.667,230.667 205.333,230.667 205.333,230.667C 205.333,230.667 204,229.333 202.667,229.333C 201.333,229.333 200,228 198.667,229.333C 197.333,230.667 196,233.333 196,233.333C 196,233.333 197.333,234.667 197.333,236C 197.333,237.333 200,240 200,240L 202.667,242.667L 205.333,245.333C 206.667,248 210.667,248 210.667,248C 210.667,248 213.333,248 213.333,249.333C 213.333,250.667 216,250.667 216,250.667C 216,250.667 218.667,250.667 218.667,252C 218.667,253.333 220,254.667 220,256C 220,257.333 220,258.667 220,258.667L 221.333,261.333L 224,264C 226.667,265.333 229.333,265.333 229.333,265.333L 232,265.333C 232,265.333 232,264 236,266.667C 240,269.333 242.667,270.667 242.667,272C 242.667,273.333 242.667,274.667 244,277.333C 245.333,280 244,281.333 246.667,281.333C 249.333,281.333 250.667,281.333 252,282.667C 253.333,284 256,285.333 256,285.333L 258.667,285.333L 262.667,282.667L 265.333,282.667L 269.333,281.333L 272,281.333L 274.667,281.333L 276,284L 276,288L 278.667,290.667L 280,294.667L 281.333,298.667L 281.333,301.333L 282.667,304L 282.667,306.667L 282.667,310.667C 282.667,310.667 284,312 284,313.333C 284,314.667 285.333,318.667 285.333,318.667L 286.667,321.333L 286.667,326.667L 288,329.333L 293.333,333.333L 297.333,336L 300,337.333L 301.333,340L 304,342.667L 305.333,346.667L 305.333,350.667L 301.333,352L 300,354.667L 297.333,356L 294.667,357.333L 294.667,360C 294.667,360 294.667,361.333 294.667,362.667C 294.667,364 294.667,365.333 294.667,365.333L 292,365.333C 292,365.333 289.333,365.333 288,365.333C 286.667,365.333 284,368 284,368L 281.333,368L 277.333,366.667C 277.333,366.667 276,366.667 274.667,365.333C 273.333,364 273.333,362.667 272,362.667C 270.667,362.667 268,360 268,360C 268,360 269.333,356 268,356C 266.667,356 266.667,356 265.333,354.667C 264,353.333 261.333,352 261.333,352L 258.667,353.333L 257.333,356C 257.333,356 257.333,357.333 257.333,358.667C 257.333,360 257.333,360 257.333,361.333C 257.333,362.667 257.333,364 256,364C 254.667,364 254.667,365.333 253.333,365.333C 252,365.333 250.667,368 249.333,368C 248,368 245.333,368 245.333,368C 245.333,368 244,366.667 242.667,366.667C 241.333,366.667 238.667,364 238.667,364L 237.333,361.333L 236,357.333L 236,354.667C 236,354.667 233.333,354.667 233.333,353.333C 233.333,352 229.333,352 229.333,352L 226.667,349.333C 226.667,349.333 225.333,346.667 224,346.667C 222.667,346.667 220,342.667 220,342.667C 220,342.667 218.667,341.333 217.333,341.333C 216,341.333 213.333,341.333 213.333,341.333L 209.333,342.667L 208,345.333L 205.333,348C 205.333,348 204,349.333 202.667,350.667C 201.333,352 200,354.667 200,354.667C 200,354.667 197.333,357.333 196,357.333C 194.667,357.333 192,358.667 192,358.667L 186.667,358.667C 186.667,358.667 182.667,358.667 181.333,358.667C 180,358.667 177.333,357.333 176,358.667C 174.667,360 174.667,360 174.667,361.333C 174.667,362.667 176,365.333 176,366.667C 176,368 174.667,370.667 174.667,370.667L 172,370.667C 172,370.667 170.667,370.667 169.333,370.667C 168,370.667 166.667,370.667 165.333,370.667C 164,370.667 161.333,370.667 161.333,370.667L 157.333,368C 156,365.333 156,365.333 154.667,365.333C 153.333,365.333 152,365.333 152,365.333L 149.333,362.667C 149.333,362.667 148,361.333 146.667,361.333C 145.333,361.333 145.333,357.333 144,357.333C 142.667,357.333 141.333,356 141.333,354.667C 141.333,353.333 140,353.333 140,352C 140,350.667 138.667,350.667 138.667,349.333C 138.667,348 136,346.667 136,346.667L 133.333,344L 130.667,344C 130.667,344 128,344 128,345.333C 128,346.667 125.333,346.667 125.333,346.667L 121.333,346.667C 121.333,346.667 117.333,346.667 116,346.667C 114.667,346.667 112,346.667 110.667,346.667C 109.333,346.667 106.667,344 106.667,344C 106.667,344 108,341.333 106.667,341.333C 105.333,341.333 105.333,340 104,338.667C 102.667,337.333 102.667,336 102.667,336C 102.667,336 101.333,334.667 101.333,333.333C 101.333,332 101.333,330.667 101.333,329.333C 101.333,328 101.333,324 101.333,324L 104,320L 104,316L 104,313.333C 104,310.667 104,306.667 104,305.333C 104,304 105.333,301.333 104,301.333C 102.667,301.333 100,298.667 100,298.667L 97.3333,294.667C 97.3333,294.667 96,292 94.6667,292C 93.3333,292 92,289.333 90.6667,289.333C 89.3333,289.333 86.6667,288 86.6667,288C 86.6667,288 85.3333,286.667 84,286.667C 82.6667,286.667 77.3333,286.667 77.3333,286.667C 77.3333,286.667 76,286.667 73.3333,286.667C 70.6667,286.667 69.3333,286.667 69.3333,286.667C 69.3333,286.667 68,288 66.6667,286.667C 65.3333,285.333 64,285.333 64,285.333L 61.3333,282.667L 60,280L 58.6667,277.333L 60,273.333L 64,269.333L 66.6667,265.333L 68,261.333C 68,261.333 68,258.667 68,257.333C 68,256 66.6667,253.333 68,253.333C 69.3333,253.333 70.6667,250.667 70.6667,250.667L 72,249.333L 73.3333,248C 74.6667,248 78.6667,249.333 78.6667,249.333L 82.6667,250.667L 85.3333,252C 85.3333,253.333 85.3333,254.667 86.6667,254.667C 88,254.667 89.3333,254.667 89.3333,256C 89.3333,257.333 93.3333,258.667 93.3333,258.667C 93.3333,258.667 94.6667,258.667 96,258.667C 97.3333,258.667 100,260 100,260C 100,260 102.667,260 104,260C 105.333,260 109.333,257.333 109.333,257.333L 112,254.667L 116,252L 120,248L 121.333,244L 124,238.667L 126.667,234.667L 129.333,230.667L 130.667,226.667L 130.667,224L 129.333,220L 129.333,216L 129.333,209.333L 128,204L 129.333,198.667L 130.667,196L 132,190.667L 134.667,188L 138.667,186.667L 141.333,185.333L 146.667,185.333L 150.667,185.333L 156,184L 158.667,182.667L 164,181.333L 166.667,180L 170.667,178.667 Z "/>37         </Canvas>38 39 40         <Canvas x:Name="淮南" Width="800" Height="881.333" Canvas.Left="0" Canvas.Top="0">41           <Path x:Name="Path_1" Width="113.333" Height="82.6667" Canvas.Left="272" Canvas.Top="272" Stretch="Fill" Fill="#67E3DEDE" Data="F1 M 274.667,272L 280,273.333L 284,274.667L 288,274.667L 290.667,277.333L 290.667,280L 293.333,281.333L 297.333,285.333L 305.333,288L 310.667,289.333L 314.667,292L 318.667,293.333L 322.667,294.667L 325.333,294.667L 330.667,294.667L 333.333,290.667L 338.667,293.333L 340,296L 342.667,297.333L 345.333,297.333L 348,301.333L 350.667,304L 353.333,308L 357.333,309.333L 361.333,313.333L 362.667,316L 365.333,318.667L 365.333,322.667L 368,326.667C 368,326.667 366.667,329.333 369.333,329.333C 372,329.333 372,330.667 374.667,330.667C 377.333,330.667 380,330.667 380,330.667L 385.333,332L 385.333,336L 384,338.667L 382.667,341.333L 380,341.333L 373.333,341.333L 370.667,341.333L 365.333,342.667L 361.333,342.667L 358.667,342.667L 354.667,345.333L 352,348L 349.333,350.667L 349.333,353.333L 345.333,354.667L 342.667,352L 341.333,349.333L 338.667,344L 337.333,341.333L 333.333,337.333L 330.667,333.333L 328,332L 325.333,334.667C 324,337.333 324,340 324,340L 324,342.667L 320,342.667L 317.333,345.333L 314.667,346.667L 312,346.667L 309.333,349.333L 306.667,349.333L 305.333,346.667L 304,342.667L 301.333,340L 297.333,336L 293.333,333.333L 289.333,329.333L 286.667,326.667L 286.667,321.333L 284,313.333L 284,309.333L 282.667,306.667L 282.667,304L 281.333,301.333L 281.333,298.667L 280,294.667L 278.667,292L 276,288L 276,284L 274.667,281.333L 272,277.333L 273.333,274.667L 274.667,272 Z "/>42         </Canvas>43         <Canvas x:Name="蚌埠" Width="800" Height="881.333" Canvas.Left="0" Canvas.Top="0">44           <Path x:Name="Path_0" Width="186.667" Height="132" Canvas.Left="330.667" Canvas.Top="200" Stretch="Fill" Fill="#67E3DEDE" Data="F1 M 340,233.333L 344,232L 346.667,230.667L 350.667,230.667L 353.333,232L 358.667,233.333L 362.667,233.333L 370.667,233.333L 374.667,233.333L 378.667,232L 378.667,229.333L 377.333,226.667L 374.667,224L 373.333,221.333L 373.333,218.667L 373.333,214.667L 376,210.667L 380,209.333L 386.667,209.333L 390.667,209.333L 393.333,208L 397.333,205.333L 401.333,202.667L 404,200L 408,200L 409.333,202.667L 413.333,204L 416,205.333L 418.667,206.667L 421.333,209.333L 425.333,213.333L 426.667,216L 428,218.667L 432,220L 438.667,221.333L 444,222.667L 453.333,224L 457.333,224L 461.333,224L 464,228L 470.667,233.333L 477.333,234.667L 481.333,234.667L 484,230.667L 490.667,228L 498.667,225.333L 501.333,225.333L 505.333,225.333L 505.333,229.333L 505.333,233.333L 505.333,236L 506.667,241.333L 506.667,244L 509.333,249.333L 513.333,252L 517.333,254.667L 516,258.667L 514.667,265.333L 513.333,270.667L 509.333,274.667L 506.667,277.333L 504,280L 497.333,280C 497.333,280 496,280 492,280C 488,280 484,278.667 484,278.667L 481.333,277.333L 477.333,277.333C 473.333,277.333 472,276 470.667,278.667C 469.333,281.333 466.667,285.333 466.667,285.333L 462.667,289.333C 462.667,289.333 462.667,290.667 460,289.333C 457.333,288 453.333,285.333 453.333,285.333L 449.333,284L 444,284L 440,284L 437.333,288L 434.667,293.333L 430.667,298.667L 429.333,304L 425.333,305.333L 420,305.333C 420,305.333 417.333,306.667 414.667,305.333C 412,304 408,306.667 405.333,306.667C 402.667,306.667 400,310.667 400,310.667L 396,313.333L 393.333,317.333L 393.333,321.333L 392,325.333L 388,330.667L 385.333,332L 377.333,330.667L 372,329.333L 368,326.667L 368,322.667L 365.333,318.667L 361.333,313.333L 357.333,309.333L 350.667,304L 345.333,297.333L 338.667,293.333L 333.333,290.667L 330.667,288L 333.333,284L 336,278.667L 336,273.333L 332,268L 330.667,262.667L 330.667,256L 334.667,250.667L 338.667,250.667L 338.667,244L 338.667,238.667L 340,233.333 Z "/>45         </Canvas>46         <Canvas x:Name="滁州" Width="800" Height="881.333" Canvas.Left="0" Canvas.Top="0">47           <Path x:Name="Path6" Width="304" Height="218.667" Canvas.Left="384" Canvas.Top="242.667" Stretch="Fill" Fill="#67E3DEDE" Data="F1 M 388,330.667L 392,325.333L 393.333,321.333L 393.333,317.333L 396,313.333L 400,310.667L 405.333,306.667L 409.333,306.667L 414.667,305.333L 420,305.333L 425.333,305.333L 429.333,304L 430.667,298.667L 434.667,293.333L 437.333,288L 440,284L 444,284L 449.333,284L 453.333,285.333L 454.667,289.333L 460,289.333L 462.667,289.333L 466.667,285.333L 469.333,281.333L 473.333,277.333L 477.333,277.333L 484,278.667L 488,280L 492,280L 497.333,280L 504,280L 506.667,277.333L 509.333,274.667L 513.333,270.667L 514.667,265.333L 516,258.667L 517.333,254.667L 522.667,250.667L 529.333,244L 533.333,242.667L 534.667,245.333L 537.333,245.333L 540,248L 541.333,250.667L 541.333,253.333L 542.667,256L 542.667,261.333L 541.333,268L 542.667,272L 544,276L 546.667,281.333L 548,286.667L 546.667,293.333L 545.333,296L 546.667,300L 549.333,302.667L 549.333,306.667L 550.667,310.667L 552,313.333L 554.667,314.667L 557.333,314.667L 558.667,310.667L 561.333,310.667L 564,313.333L 566.667,313.333L 566.667,318.667L 570.667,320L 576,318.667L 581.333,320L 588,320L 592,320L 596,321.333L 602.667,321.333L 606.667,321.333L 608,318.667L 609.333,316L 608,313.333L 606.667,308L 605.333,304L 606.667,298.667L 610.667,297.333L 614.667,298.667L 617.333,297.333L 617.333,293.333L 617.333,289.333L 620,288L 622.667,284L 626.667,282.667L 634.667,282.667L 638.667,282.667L 642.667,282.667L 646.667,285.333L 650.667,286.667L 654.667,290.667L 657.333,292L 660,294.667L 662.667,294.667L 666.667,294.667L 670.667,294.667L 673.333,294.667L 673.333,298.667L 673.333,306.667L 673.333,310.667L 676,312L 677.333,316L 680,320L 681.333,324L 681.333,326.667L 684,330.667L 685.333,334.667L 688,337.333L 688,340L 688,345.333L 688,348L 678.667,346.667L 673.333,346.667L 672,352L 670.667,357.333L 669.333,364L 666.667,366.667L 660,369.333L 656,366.667L 653.333,362.667L 648,357.333L 642.667,350.667L 637.333,345.333L 630.667,342.667L 626.667,341.333L 620,341.333L 610.667,341.333L 608,341.333L 605.333,342.667L 602.667,344L 598.667,344L 593.333,344L 590.667,344L 590.667,348L 590.667,352C 590.667,354.667 596,356 596,356L 600,358.667L 602.667,361.333L 604,365.333L 605.333,368L 605.333,370.667L 605.333,376L 605.333,381.333L 605.333,385.333L 604,388L 602.667,392L 605.333,394.667L 605.333,397.333L 605.333,401.333L 602.667,402.667L 598.667,405.333L 596,409.333L 592,409.333L 585.333,408L 581.333,408L 580,412L 580,417.333L 578.667,421.333L 574.667,422.667L 569.333,428L 565.333,429.333L 560,429.333L 554.667,434.667L 550.667,438.667L 548,442.667L 544,445.333L 540,449.333L 537.333,452L 533.333,452L 528,452L 522.667,452L 520,454.667L 518.667,458.667L 517.333,461.333L 516,458.667L 512,457.333L 509.333,453.333L 505.333,452L 500,452L 496,450.667L 494.667,448L 488,442.667L 486.667,440L 484,436L 488,432L 489.333,429.333L 489.333,422.667L 489.333,414.667L 488,410.667L 482.667,402.667L 474.667,401.333L 469.333,398.667L 462.667,400L 454.667,400L 450.667,401.333L 444,402.667C 441.333,404 438.667,404 438.667,404L 434.667,401.333L 428,398.667L 426.667,396L 426.667,389.333L 425.333,382.667L 424,378.667L 421.333,373.333L 417.333,368L 412,369.333L 409.333,366.667L 404,361.333L 398.667,356L 393.333,348L 386.667,340L 384,338.667L 385.333,336L 385.333,332L 388,330.667 Z "/>48         </Canvas>49 50         <Canvas x:Name="合肥" Width="800" Height="881.333" Canvas.Left="0" Canvas.Top="0">51           <Path x:Name="Path_6" Width="165.333" Height="180" Canvas.Left="324" Canvas.Top="338.667" Stretch="Fill" Fill="#67F5ECEC" Data="F1 M 346.667,356L 349.333,353.333L 352,348L 354.667,345.333L 357.333,344L 361.333,344L 365.333,342.667L 368,342.667L 373.333,341.333L 377.333,342.667L 380,341.333L 384,338.667L 385.863,340.996L 387.104,342.547L 388.497,344.099L 390.191,345.985L 392,348L 393.333,350.667L 396,353.333L 398.667,356L 401.333,358.667L 404,361.333L 405.333,364L 408,366.667L 412,369.333L 417.333,368L 420,369.333L 421.333,373.333L 422.667,377.333L 424,381.333L 425.333,385.333L 426.667,389.333L 425.333,393.333L 426.667,396L 428,398.667L 432,401.333C 432,401.333 436,401.333 436,402.667C 436,404 438.667,404 438.667,404L 442.667,405.333L 444,402.667L 449.333,402.667L 453.333,402.667L 457.333,402.667L 462.667,400L 466.667,400L 469.333,398.667L 472,400L 477.333,401.333L 480,402.667L 484,405.333L 486.667,408L 489.333,412L 489.333,417.333L 489.333,422.667L 489.333,429.333L 488,432L 482.667,437.333L 478.667,441.333L 476,445.333L 472,446.667L 468,452L 464,454.667L 461.333,458.667L 458.667,461.333L 458.667,465.333L 460,470.667L 457.333,473.333C 457.333,473.333 456,474.667 454.667,474.667C 453.333,474.667 452,478.667 452,478.667L 449.333,481.333L 445.333,485.333L 444,490.667L 442.667,494.667C 442.667,494.667 441.333,498.667 440,498.667C 438.667,498.667 434.667,502.667 433.333,502.667C 432,502.667 428,506.667 428,506.667L 422.667,509.333C 422.667,509.333 420,510.667 418.667,510.667C 417.333,510.667 414.667,513.333 413.333,513.333C 412,513.333 404,514.667 404,514.667L 401.333,517.333L 398.667,517.333L 396,514.667L 393.333,512L 389.333,512C 389.333,512 386.667,512 385.333,512C 384,512 380,512 380,512L 377.333,513.333L 374.667,514.667L 372,514.667L 366.667,512L 364,512L 360,512L 354.667,513.333L 352,516L 348,518.667L 342.667,518.667L 338.667,517.333L 336,513.333L 334.667,509.333L 332,505.333L 330.667,502.667L 330.667,496C 330.667,496 332,490.667 330.667,490.667C 329.333,490.667 329.333,485.333 329.333,485.333L 328,481.333L 325.333,477.333L 325.333,473.333L 324,464L 325.333,460L 329.333,457.333L 333.333,457.333L 337.333,457.333L 340,454.667L 344,452L 349.333,448L 354.667,445.333L 358.667,444L 365.333,441.333L 368,438.667L 369.333,432L 369.333,426.667L 366.667,424L 364,421.333L 360,420L 361.333,417.333L 362.667,410.667L 366.667,406.667L 369.333,404L 370.667,397.333L 370.667,386.667L 370.667,380L 368,377.333L 364,377.333L 357.333,377.333L 353.333,376L 350.667,374.667C 350.667,374.667 349.333,372 349.333,370.667C 349.333,369.333 348,365.333 348,365.333L 348,360L 346.667,356 Z "/>52         </Canvas>53         <Canvas x:Name="六安" Width="800" Height="881.333" Canvas.Left="0" Canvas.Top="0">54           <Path x:Name="Path_7" Width="274.667" Height="264" Canvas.Left="122.667" Canvas.Top="333.333" Stretch="Fill" Fill="#67F5ECEC" Data="F1 M 200,354.667L 202.667,353.333L 205.333,348L 209.333,342.667L 213.333,341.333L 220,342.667L 224,346.667L 226.667,349.333L 233.333,353.333L 236,354.667C 236,354.667 234.667,353.333 236,357.333C 237.333,361.333 238.667,364 238.667,364L 242.667,366.667L 245.333,368L 250.667,365.333L 256,364L 257.333,361.333L 257.333,356L 261.333,352L 265.333,354.667L 268,360L 274.667,365.333L 281.333,368L 284,368L 288,365.333L 292,365.333L 294.667,365.333L 294.667,362.667L 294.667,357.333L 297.333,356L 301.333,352L 305.333,350.667L 309.333,349.333L 314.667,349.333L 317.333,345.333L 324,342.667L 324,340L 325.333,334.667L 330.667,333.333L 333.333,337.333L 337.333,341.333L 341.333,349.333L 342.667,352L 346.667,356L 348,360L 349.333,362.667L 348,365.333L 349.333,370.667L 350.667,374.667L 353.333,376L 357.333,377.333L 361.333,378.667L 364,377.333L 368,377.333L 370.667,380L 370.667,384L 370.667,390.667L 370.667,397.333L 369.333,404L 366.667,406.667L 362.667,410.667L 361.333,417.333L 360,420L 364,421.333L 369.333,426.667L 369.333,432L 368,438.667L 361.333,442.667C 361.333,442.667 357.333,444 354.667,445.333C 352,446.667 344,452 344,452L 337.333,457.333L 329.333,457.333C 329.333,457.333 326.667,456 325.333,460C 324,464 325.333,465.333 325.333,469.333C 325.333,473.333 325.333,477.333 325.333,477.333L 328,481.333L 330.667,490.667L 330.667,502.667L 332,505.333L 334.667,509.333L 336,513.333L 338.667,517.333L 342.667,518.667L 348,518.667L 352,516L 354.667,513.333L 360,512L 366.667,512L 372,514.667L 374.667,514.667L 380,512L 385.333,512L 393.333,512L 396,514.667L 397.333,520L 392,522.667L 386.667,526.667L 381.333,530.667L 377.333,537.333L 374.667,542.667L 372,546.667C 372,546.667 372,548 372,549.333C 372,550.667 373.333,556 372,556C 370.667,556 369.333,560 369.333,560L 366.667,560C 366.667,560 364,561.333 362.667,562.667C 361.333,564 358.667,566.667 358.667,566.667L 357.333,569.333L 356,576L 353.333,578.667C 353.333,578.667 349.333,580 348,580C 346.667,580 344,582.667 342.667,582.667C 341.333,582.667 338.667,585.333 338.667,585.333L 333.333,589.333L 328,592C 328,592 325.333,592 324,592C 322.667,592 316,592 316,592L 309.333,592L 306.667,592L 304,593.333C 304,593.333 302.667,594.667 301.333,594.667C 300,594.667 297.333,593.333 297.333,593.333L 296,588L 297.333,580L 296,574.667C 293.333,574.667 288,574.667 288,574.667L 285.333,577.333C 285.333,577.333 282.667,580 281.333,580C 280,580 277.333,581.333 277.333,581.333L 270.667,581.333L 266.667,580L 257.333,578.667L 254.667,584L 253.333,586.667L 249.333,590.667L 244,589.333L 241.333,588L 237.333,586.667L 233.333,585.333L 228,586.667L 224,592C 224,592 222.667,594.667 221.333,594.667C 220,594.667 220,597.333 220,597.333L 216,596C 216,596 214.667,593.333 213.333,593.333C 212,593.333 208,590.667 208,590.667L 205.333,590.667L 201.333,588C 201.333,588 201.333,584 200,584C 198.667,584 196,581.333 196,581.333L 193.333,580L 188,580L 185.333,578.667C 185.333,578.667 184,573.333 182.667,573.333C 181.333,573.333 178.667,572 178.667,570.667C 178.667,569.333 177.333,569.333 176,568C 174.667,566.667 170.667,565.333 170.667,565.333L 165.333,565.333L 162.667,568C 162.667,568 161.333,569.333 161.333,570.667L 158.667,573.333L 154.667,573.333L 152,570.667L 149.333,566.667L 145.333,560L 138.667,554.667C 138.667,554.667 137.333,550.667 136,550.667C 134.667,550.667 132,548 132,548L 129.333,544L 126.667,540L 124,536L 125.333,532L 122.667,529.333L 122.667,524L 122.667,517.333L 124,512L 126.667,508L 130.667,506.667L 134.667,502.667L 137.333,498.667L 140,496L 142.667,490.667L 144,485.333L 149.333,482.667L 154.667,480L 158.667,477.333L 162.667,473.333L 168,472L 174.667,472L 181.333,472L 189.333,472L 193.333,472L 197.333,470.667L 200,469.333C 200,469.333 204,468 202.667,468C 201.333,468 202.667,462.667 202.667,462.667L 202.667,458.667L 205.333,457.333L 209.333,454.667L 210.667,450.667L 210.667,448L 210.667,444L 210.667,438.667L 210.667,430.667C 210.667,430.667 212,426.667 210.667,426.667C 209.333,426.667 208,421.333 208,421.333L 206.667,417.333L 206.667,409.333L 208,402.667L 208,397.333L 208,393.333L 208,386.667L 205.333,382.667C 205.333,382.667 204,380 204,378.667C 204,377.333 202.667,374.667 202.667,374.667L 201.333,369.333L 200,365.333L 200,361.333L 200,354.667 Z "/>55         </Canvas>56 57         <Canvas x:Name="马鞍山" Width="800" Height="881.333" Canvas.Left="0" Canvas.Top="0">58           <Path x:Name="Path_8" Width="81.3333" Height="82.5185" Canvas.Left="558.667" Canvas.Top="473.482" Stretch="Fill" Fill="#67EEE6E6" Data="F1 M 566.667,494.667L 566.667,490.667L 570.667,486.667L 573.333,484L 576,478.667C 576,478.667 577.333,474.667 578.667,474.667C 580,474.667 581.333,472 582.667,474.667C 584,477.333 585.333,478.667 585.333,478.667L 588,478.667L 592,478.667L 596,478.667L 600,477.333C 600,477.333 601.333,476 602.667,476C 604,476 605.333,477.333 605.333,477.333L 608,480L 608,482.667L 609.333,485.333C 609.333,485.333 610.667,488 609.333,488C 608,488 606.667,489.333 606.667,490.667C 606.667,492 605.333,494.667 605.333,494.667L 606.667,497.333L 610.667,497.333L 613.333,496L 616,493.333L 618.667,490.667C 618.667,490.667 622.667,489.333 622.667,490.667C 622.667,492 625.333,493.333 625.333,493.333C 625.333,493.333 625.333,494.667 625.333,496C 625.333,497.333 626.667,500 626.667,500L 629.333,500L 632,501.333L 634.667,502.667L 637.333,505.333L 638.667,508L 640,510.667L 640,516C 640,516 640,521.333 640,522.667C 640,524 640,526.667 640,528C 640,529.333 638.667,533.333 638.667,533.333C 638.667,533.333 636,534.667 636,536C 636,537.333 633.333,540 632,540C 630.667,540 625.333,542.667 625.333,544C 625.333,545.333 622.667,546.667 622.667,546.667C 622.667,546.667 620,549.333 620,550.667C 620,552 620,554.667 620,554.667C 620,554.667 617.333,556 616,556C 614.667,556 609.333,554.667 609.333,554.667L 606.667,556L 604,556L 604,552L 602.667,548L 602.667,545.333L 600,542.667L 597.333,538.667L 593.333,536C 593.333,536 590.667,534.667 589.333,533.333C 588,532 586.667,532 585.333,532C 584,532 581.333,532 581.333,532L 577.333,528L 572,525.333L 566.667,521.333L 562.667,518.667L 558.667,516L 560,510.667L 564,510.667L 564,508L 566.667,505.333L 566.667,501.333L 566.667,497.333L 566.667,494.667 Z "/>59         </Canvas>60         <Canvas x:Name="芜湖" Width="800" Height="881.333" Canvas.Left="0" Canvas.Top="0">61           <Path x:Name="Path_9" Width="100.593" Height="136.593" Canvas.Left="508.741" Canvas.Top="515.407" Stretch="Fill" Fill="#67F5EDED" Data="F1 M 558.667,516C 558.667,516 557.333,514.667 558.667,516C 560,517.333 562.667,518.667 562.667,518.667L 566.667,521.333L 572,525.333L 574.667,526.667L 577.333,528L 578.667,530.667L 581.333,532L 585.333,532L 589.333,533.333L 593.333,536L 594.667,538.667L 598.667,541.333L 602.667,545.333L 602.667,548L 604,552L 604,556L 605.333,558.667L 606.667,564L 608,568L 609.333,570.667L 609.333,574.667L 609.333,580L 609.333,584L 609.333,589.333L 608,593.333C 608,593.333 608,596 606.667,596C 605.333,596 604,596 602.667,597.333C 601.333,598.667 598.667,600 598.667,600L 593.333,602.667L 588,606.667L 586.667,610.667L 585.333,613.333L 582.667,617.333C 581.333,620 580,622.667 580,622.667L 580,629.333L 580,634.667C 578.667,634.667 576,634.667 576,634.667L 572,633.333L 570.667,630.667L 570.667,626.667L 566.667,625.333C 566.667,625.333 565.333,626.667 564,626.667C 562.667,626.667 560,629.333 560,629.333L 557.333,632C 557.333,632 558.667,633.333 557.333,634.667C 556,636 553.333,640 553.333,640C 553.333,640 552,644 550.667,644C 549.333,644 548,649.333 548,649.333L 542.667,652L 537.333,652L 532,652L 525.333,652C 525.333,652 524,648 524,646.667C 524,645.333 522.667,642.667 522.667,642.667C 522.667,642.667 521.333,641.333 521.333,640C 521.333,638.667 521.333,636 521.333,636L 522.667,632L 526.667,629.333L 528,625.333L 532,622.667C 532,622.667 532,618.667 532,617.333C 532,616 532,612 532,612L 532,606.667L 529.333,604L 524,604L 520,600C 520,600 518.667,596 517.333,596C 516,596 514.667,592 514.667,592L 510.667,588L 509.333,584C 509.333,584 508,577.333 509.333,577.333C 510.667,577.333 510.667,573.333 510.667,573.333L 510.667,568L 513.333,562.667L 516,561.333L 520,561.333L 522.667,560L 526.667,556L 529.333,553.333L 533.333,553.333L 540,552L 545.333,552L 549.333,552L 553.333,552L 554.667,548C 554.667,548 557.333,546.667 557.333,545.333C 557.333,544 557.333,541.333 557.333,541.333L 557.333,533.333L 557.333,528L 557.333,522.667L 557.333,518.667L 558.667,516 Z "/>62         </Canvas>63         <Canvas x:Name="宣城" Width="800" Height="881.333" Canvas.Left="0" Canvas.Top="0">64           <Path x:Name="Path_10" Width="248" Height="221.333" Canvas.Left="502.667" Canvas.Top="545.333" Stretch="Fill" Fill="#67EEECEC" Data="F1 M 604,556L 606.667,556L 609.333,554.667L 612,556L 616,556L 618.667,556L 621.333,556L 625.333,558.667L 628,560L 633.333,561.333L 638.667,561.333L 644,561.333L 646.667,561.333L 649.333,561.333L 653.333,561.333L 656,561.333L 660,562.667L 664,560C 664,560 669.333,560 668,560C 666.667,560 670.667,557.333 670.667,557.333L 672,553.333L 674.667,552L 677.333,549.333L 681.333,549.333L 684,549.333L 686.667,550.667L 689.333,552L 690.667,554.667L 692,558.667L 696,558.667L 698.667,558.667L 701.333,558.667L 704,557.333L 704,553.333L 704,550.667L 706.667,548L 709.333,545.333L 712,545.333L 714.667,546.667L 716,550.667C 717.333,553.333 717.333,556 717.333,556L 717.333,565.333L 717.333,568L 721.333,568C 724,569.333 729.333,569.333 729.333,569.333L 736,570.667C 736,570.667 740,570.667 741.333,570.667C 742.667,570.667 746.667,572 746.667,572L 749.333,574.667L 750.667,580L 750.667,588L 750.667,592L 750.667,597.333L 749.333,600L 748,602.667L 748,605.333L 748,609.333L 746.667,612L 742.667,614.667L 738.667,617.333L 738.667,620L 740,622.667C 741.333,625.333 741.333,626.667 741.333,626.667L 741.333,630.667L 738.667,633.333L 736,636L 732,637.333L 729.333,638.667L 729.333,642.667L 729.333,646.667L 729.333,650.667L 729.333,654.667C 729.333,654.667 729.333,657.333 728,657.333C 726.667,657.333 724,657.333 724,657.333C 724,657.333 720,657.333 718.667,657.333C 717.333,657.333 713.333,657.333 713.333,657.333L 709.333,657.333L 705.333,657.333L 702.667,658.667C 700,660 698.667,662.667 698.667,662.667L 696,665.333L 696,668L 696,672L 701.333,676L 706.667,678.667L 709.333,680L 710.667,682.667L 710.667,686.667L 710.667,690.667L 712,693.333L 716,696L 716,698.667L 717.333,701.333L 714.667,704L 709.333,705.333L 705.333,706.667L 701.333,708L 698.667,708L 694.667,709.333L 693.333,712L 689.333,714.667L 684,713.333L 680,713.333L 677.333,713.333L 673.333,712L 669.333,709.333L 666.667,706.667L 662.667,706.667L 658.667,705.333L 654.667,704L 652,705.333L 648,705.333L 644,708L 641.333,710.667L 637.333,713.333L 640,716L 644,717.333L 645.333,720L 645.333,722.667L 645.333,725.333L 645.333,728L 645.333,730.667L 645.333,734.667L 645.333,737.333L 645.333,740L 644,742.667L 641.333,744L 638.667,742.667L 634.667,742.667L 629.333,742.667C 629.333,742.667 628,744 626.667,744C 625.333,744 622.667,745.333 622.667,745.333L 620,746.667L 614.667,748L 610.667,752L 608,753.333L 605.333,756L 602.667,760L 601.333,764L 600,766.667L 594.667,766.667L 590.667,766.667L 590.667,762.667L 589.333,760L 588,756C 588,756 585.333,756 585.333,754.667C 585.333,753.333 584,750.667 584,750.667L 580,746.667L 577.333,745.333L 569.333,745.333L 565.333,744L 564,741.333L 564,737.333L 560,734.667L 556,732L 554.667,729.333L 554.667,725.333L 554.667,720L 556,716L 557.333,712L 556,708L 553.333,704L 552,701.333L 548,698.667L 542.667,698.667L 538.667,696L 534.667,693.333L 532,693.333L 528,697.333L 526.667,700L 522.667,700L 514.667,700L 510.667,700L 506.667,697.333L 504,694.667L 502.667,689.333L 502.667,684L 505.333,678.667L 509.333,672L 512,666.667L 516,661.333L 518.667,656L 522.667,653.333L 529.333,652L 536,653.333L 540,652L 544,650.667L 546.667,648L 553.333,640L 557.333,634.667L 560,629.333L 564,626.667L 566.667,625.333L 570.667,626.667L 570.667,630.667L 573.333,634.667L 577.333,634.667L 580,633.333L 578.667,628L 580,622.667L 580,620L 585.333,613.333L 586.667,610.667L 588,606.667L 593.333,602.667L 598.667,600L 602.667,597.333L 606.667,596L 609.333,589.333L 609.333,584L 609.333,580L 609.333,573.333L 609.333,569.333L 606.667,564L 605.333,558.667L 604,556 Z "/>65         </Canvas>66         <Canvas x:Name="黄山市" Width="800" Height="881.333" Canvas.Left="0" Canvas.Top="0">67           <Path x:Name="Path_11" Width="254.667" Height="170.667" Canvas.Left="392" Canvas.Top="693.333" Stretch="Fill" Fill="#67F5F2F2" Data="F1 M 642.667,745.333L 644,749.333L 645.333,752L 646.667,754.667L 644,758.667L 644,762.667L 641.333,768L 641.333,773.333C 641.333,773.333 640,774.667 640,776C 640,777.333 640,780 640,780L 638.667,784L 636,785.333L 630.667,790.667L 626.667,792L 624,796L 621.333,797.333L 621.333,800L 622.667,805.333L 621.333,809.333L 621.333,812C 621.333,812 618.667,810.667 618.667,812C 618.667,813.333 614.667,813.333 614.667,814.667C 614.667,816 610.667,817.333 610.667,817.333L 606.667,817.333L 604,818.667L 601.333,821.333L 597.333,824L 592,832L 588,836C 588,836 586.667,841.333 585.333,841.333C 584,841.333 578.667,844 578.667,844L 573.333,846.667C 573.333,846.667 570.667,846.667 569.333,846.667C 568,846.667 564,846.667 564,846.667L 561.333,848C 561.333,848 562.667,852 561.333,852C 560,852 558.667,854.667 558.667,854.667L 554.667,857.333C 554.667,857.333 548,856 548,857.333C 548,858.667 544,858.667 544,860C 544,861.333 542.667,861.333 541.333,862.667C 540,864 534.667,864 534.667,864L 530.667,862.667L 529.333,857.333L 526.667,853.333L 524,849.333L 520,844L 517.333,840L 516,837.333C 516,837.333 514.667,836 513.333,836C 512,836 508,836 506.667,834.667C 505.333,833.333 498.667,834.667 498.667,834.667L 494.667,834.667C 494.667,834.667 486.667,834.667 485.333,834.667C 484,834.667 478.667,833.333 478.667,833.333L 473.333,833.333L 470.667,834.667C 469.333,836 466.667,837.333 466.667,837.333C 466.667,837.333 464,837.333 464,836C 464,834.667 460,832 460,832L 457.333,832L 452,837.333C 449.333,836 446.667,833.333 446.667,833.333L 444,829.333L 441.333,826.667L 438.667,824L 433.333,821.333L 430.667,816L 428,813.333L 426.667,809.333L 425.333,805.333C 425.333,805.333 425.333,801.333 424,800C 422.667,798.667 422.667,794.667 422.667,794.667L 418.667,793.333L 416,792L 410.667,792L 406.667,793.333L 404,794.667L 397.333,794.667L 396,789.333L 394.667,785.333L 393.333,780L 392,774.667L 394.667,769.333L 396,765.333L 398.667,764L 402.667,764L 408,764L 412,762.667L 417.333,762.667L 418.667,760L 421.333,757.333L 424,756L 428,754.667L 432,754.667C 432,754.667 433.333,754.667 434.667,754.667C 436,754.667 438.667,753.333 438.667,753.333L 440,749.333L 442.667,745.333L 446.667,745.333L 450.667,745.333L 453.333,745.333L 456,746.667L 458.667,748L 461.333,746.667L 466.667,742.667L 468,740L 472,737.333L 477.333,736L 481.333,733.333L 485.333,733.333L 488,730.667L 488,726.667L 490.667,722.667L 494.667,717.333L 498.667,712L 501.333,708L 504,705.333L 508,700C 508,700 509.333,700 510.667,700C 512,700 517.333,700 517.333,700L 522.667,700L 526.667,700L 528,697.333L 532,693.333L 534.667,693.333L 538.667,696L 542.667,698.667L 545.333,700L 548,698.667L 550.667,700L 553.333,704L 556,708L 557.333,712L 556,717.333L 554.667,720L 554.667,722.667L 554.667,725.333L 554.667,729.333L 556,732L 560,734.667L 564,737.333L 564,740L 565.333,744L 569.333,745.333L 572,745.333L 577.333,745.333L 580,746.667L 584,750.667L 585.333,754.667L 588,756L 589.333,760L 590.667,762.667L 590.667,766.667L 594.667,766.667L 598.667,766.667L 601.333,764C 601.333,764 601.333,761.333 602.667,760C 604,758.667 605.333,756 605.333,756L 610.667,752L 614.667,748L 620,746.667L 626.667,744L 632,742.667L 634.667,742.667L 638.667,742.667L 642.667,745.333 Z "/>68         </Canvas>69         <Canvas x:Name="池州" Width="800" Height="881.333" Canvas.Left="0" Canvas.Top="0">70           <Path x:Name="Path_12" Width="217.333" Height="205.333" Canvas.Left="306.667" Canvas.Top="629.333" Stretch="Fill" Fill="#67F8F0F0" Data="F1 M 325.333,758.667L 328,762.667L 329.333,766.667L 332,769.333L 336,770.667L 342.667,770.667L 345.333,770.667C 345.333,770.667 345.333,773.333 345.333,774.667C 345.333,776 344,781.333 344,781.333C 344,781.333 344,785.333 342.667,785.333C 341.333,785.333 340,785.333 338.667,786.667C 337.333,788 336,788 334.667,789.333C 333.333,790.667 329.333,790.667 329.333,790.667C 329.333,790.667 325.333,790.667 324,790.667C 322.667,790.667 322.667,792 321.333,793.333C 320,794.667 317.333,794.667 316,796C 314.667,797.333 310.667,801.333 310.667,801.333C 310.667,801.333 309.333,804 308,804C 306.667,804 306.667,808 306.667,808C 306.667,808 308,809.333 308,810.667C 308,812 308,814.667 308,817.333C 308,820 309.333,822.667 309.333,822.667L 312,825.333L 316,828L 322.667,832L 326.667,832L 332,834.667L 336,833.333L 340,833.333L 342.667,830.667L 344,828L 344,825.333L 348,825.333L 353.333,825.333L 356,822.667L 360,817.333L 362.667,817.333L 366.667,814.667C 366.667,814.667 368,813.333 369.333,813.333C 370.667,813.333 372,813.333 373.333,813.333C 374.667,813.333 378.667,809.333 378.667,809.333L 381.333,804L 382.667,800C 382.667,800 381.333,794.667 382.667,794.667C 384,794.667 384,789.333 384,789.333L 381.333,785.333L 382.667,782.667L 385.333,780L 389.333,777.333L 392,774.667L 392,770.667L 394.667,768L 397.333,762.667L 405.333,762.667L 409.333,762.667C 409.333,762.667 410.667,762.667 412,762.667C 413.333,762.667 417.333,762.667 417.333,762.667L 418.667,760L 421.333,757.333C 421.333,757.333 422.667,754.667 424,754.667C 425.333,754.667 428,754.667 428,754.667L 432,754.667L 434.667,754.667C 434.667,754.667 438.667,753.333 438.667,752C 438.667,750.667 440,748 440,748L 442.667,745.333L 448,744L 450.667,745.333L 454.667,744L 456,746.667L 458.667,748L 461.333,746.667L 464,744L 466.667,742.667L 468,740L 473.333,736L 481.333,733.333L 485.333,733.333L 488,730.667L 488,724L 490.667,721.333L 494.667,717.333L 497.333,712L 501.333,708L 504,705.333L 508,700L 506.667,697.333L 504,694.667C 504,694.667 502.667,692 502.667,690.667C 502.667,689.333 502.667,684 502.667,684L 505.333,678.667L 506.667,673.333L 510.667,669.333L 513.333,664L 516,660L 518.667,656L 522.667,653.333L 522.667,650.667L 524,646.667L 522.667,642.667L 518.667,641.333L 516,642.667L 513.333,644L 508,644L 504,644L 500,641.333C 500,641.333 494.667,641.333 493.333,641.333C 492,641.333 488,642.667 488,642.667L 485.333,644L 480,642.667L 477.333,640L 472,634.667L 469.333,632L 466.667,629.333L 464,630.667C 464,630.667 462.667,633.333 461.333,633.333C 460,633.333 454.667,636 454.667,636L 452,638.667C 452,638.667 449.333,638.667 448,638.667C 446.667,638.667 444,638.667 442.667,638.667C 441.333,638.667 437.333,640 437.333,640L 432,641.333C 432,641.333 428,644 426.667,644C 425.333,644 425.333,644 424,645.333C 422.667,646.667 420,648 420,648C 420,648 418.667,649.333 417.333,649.333C 416,649.333 409.333,649.333 409.333,649.333L 402.667,649.333L 397.333,649.333L 394.667,650.667L 394.667,654.667C 394.667,654.667 393.333,657.333 394.667,657.333C 396,657.333 396,662.667 396,662.667L 398.667,665.333L 400,669.333L 401.333,673.333C 401.333,673.333 402.667,680 401.333,680C 400,680 398.667,684 398.667,684L 394.667,684L 388,684L 381.333,684L 376,684L 369.333,684L 366.667,684C 366.667,684 362.667,684 362.667,685.333C 362.667,686.667 360,686.667 360,686.667L 356,689.333L 353.333,692C 353.333,692 353.333,693.333 352,694.667C 350.667,696 348,697.333 348,697.333L 346.667,702.667L 346.667,705.333C 346.667,705.333 345.333,706.667 345.333,708C 345.333,709.333 346.667,712 346.667,712L 346.667,714.667C 348,717.333 348,720 348,720L 349.333,722.667C 349.333,722.667 346.667,724 346.667,725.333C 346.667,726.667 344,729.333 344,729.333L 341.333,734.667L 338.667,738.667L 336,741.333L 330.667,744L 329.333,748L 326.667,752L 325.333,758.667 Z "/>71         </Canvas>72         <Canvas x:Name="铜陵" Width="800" Height="881.333" Canvas.Left="0" Canvas.Top="0">73           <Path x:Name="Path_13" Width="65.3333" Height="61.3334" Canvas.Left="466.667" Canvas.Top="582.667" Stretch="Fill" Fill="#67F8F5F5" Data="F1 M 468,608L 470.097,603.806L 472,600L 472,596L 473.333,590.667L 473.333,588L 474.667,585.333L 477.333,582.667L 482.667,582.667C 482.667,582.667 488,584 486.667,584C 485.333,584 489.333,584 489.333,585.333C 489.333,586.667 492,588 492,588L 494.667,589.333L 497.333,590.667L 500,592L 502.667,592L 504,589.333L 506.667,588L 509.333,586.667L 512,589.333L 514.667,592L 514.667,594.667L 517.333,596L 518.667,598.667L 521.333,601.333L 524,604L 526.667,605.333L 530.667,605.333L 530.667,609.333L 532,612L 530.667,614.667L 530.667,618.667L 532,622.667C 529.333,624 528,624 528,625.333C 528,626.667 526.667,629.333 526.667,629.333L 522.667,632L 521.333,636C 520,638.667 518.667,641.333 518.667,641.333L 516,642.667L 512,644C 512,644 510.667,644 508,644C 505.333,644 504,642.667 502.667,642.667C 501.333,642.667 500,641.333 500,641.333L 496,641.333L 493.333,641.333L 489.333,642.667C 485.333,642.667 482.667,642.667 482.667,642.667L 480,642.667L 477.333,640C 477.333,640 477.333,638.667 476,637.333C 474.667,636 472,634.667 472,634.667L 469.333,632C 469.333,632 470.667,630.667 469.333,629.333C 468,628 468,625.333 468,625.333C 468,625.333 468,622.667 468,621.333C 468,620 468,618.667 468,616C 468,613.333 466.667,613.333 466.667,612C 466.667,610.667 468,608 468,608 Z "/>74         </Canvas>75         <Canvas x:Name="安庆" Width="800" Height="881.333" Canvas.Left="0" Canvas.Top="0">76           <Path x:Name="Path_14" Width="288" Height="237.333" Canvas.Left="180" Canvas.Top="560" Stretch="Fill" Fill="#67F1EDED" Data="F1 M 220,597.333L 220,602.667L 220,606.667L 217.333,608L 214.667,608L 212,610.667L 209.333,612C 209.333,612 209.333,614.667 208,614.667C 206.667,614.667 205.333,616 205.333,616L 201.333,618.667L 196,620L 193.333,621.333L 193.333,625.333L 193.333,628L 193.333,630.667L 193.333,634.667L 192,637.333L 188,637.333L 184,637.333L 180,638.667C 180,641.333 180,642.667 180,642.667L 180,645.333L 182.667,648L 182.667,650.667L 184,654.667L 186.667,656L 188,660L 190.667,665.333L 193.333,668L 194.667,670.667L 196,673.333L 198.667,674.667L 200,678.667L 200,681.333L 198.667,688L 198.667,690.667L 197.333,693.333L 196,696L 196,700L 196,704L 197.333,708C 198.667,710.667 200,712 200,712L 202.667,713.333L 204,716C 204,716 205.333,716 206.667,716C 208,716 210.667,717.333 210.667,717.333L 213.333,720L 216,725.333L 218.667,728L 220,734.667L 220,742.667C 220,742.667 220,748 220,749.333C 220,750.667 220,756 220,756C 220,756 220,760 220,761.333C 220,762.667 220,766.667 220,766.667L 222.667,768L 226.667,769.333L 228,772L 230.667,773.333L 230.667,776L 230.667,781.333L 230.667,784L 233.333,786.667L 236,789.333L 241.333,793.333L 242.667,796C 242.667,796 245.333,794.667 245.333,796C 245.333,797.333 249.333,797.333 249.333,797.333C 249.333,797.333 252,797.333 253.333,797.333C 254.667,797.333 257.333,797.333 257.333,797.333L 260,794.667C 260,794.667 262.667,794.667 262.667,793.333C 262.667,792 265.333,790.667 265.333,790.667L 268,786.667L 270.667,785.333L 274.667,782.667L 280,782.667L 286.667,782.667L 290.667,782.667L 294.667,780L 297.333,778.667L 300,776L 300,772C 300,772 300,769.333 300,768C 300,766.667 300,762.667 300,762.667L 300,757.333L 301.333,754.667L 308,754.667L 310.667,754.667L 316,754.667L 320,754.667L 322.667,756L 325.333,758.667L 325.333,754.667L 326.667,749.333L 329.333,748L 330.667,744L 333.333,742.667L 336,738.667L 338.667,736L 340,732L 341.333,729.333L 344,729.333L 346.667,725.333L 349.333,722.667L 348,720L 348,717.333L 346.667,714.667C 346.667,714.667 345.333,712 345.333,710.667C 345.333,709.333 346.667,705.333 346.667,705.333L 348,697.333L 352,694.667L 354.667,689.333L 360,686.667L 362.667,685.333L 366.667,684L 369.333,684L 377.333,684L 382.667,684L 388,684L 394.667,684L 398.667,682.667L 401.333,680L 400,677.333L 401.333,673.333L 400,669.333L 398.667,665.333L 394.667,661.333L 394.667,657.333L 394.667,650.667L 397.333,649.333L 402.667,649.333L 406.667,649.333L 412,649.333C 412,649.333 414.667,649.333 416,649.333C 417.333,649.333 424,645.333 424,645.333L 430.667,642.667L 437.333,640L 442.667,638.667L 452,638.667L 456,636L 458.667,633.333L 464,630.667L 466.667,629.333L 468,625.333L 468,617.333L 466.667,612L 468,608L 464,606.667C 464,606.667 461.333,606.667 460,606.667C 458.667,606.667 454.667,605.333 454.667,605.333C 454.667,605.333 453.333,604 452,604C 450.667,604 448,604 448,604L 444,604L 440,605.333L 437.333,606.667L 432,608L 424,608C 424,608 418.667,608 417.333,608C 416,608 410.667,608 410.667,608C 410.667,608 406.667,606.667 406.667,605.333C 406.667,604 404,601.333 404,601.333C 404,601.333 401.333,597.333 400,597.333C 398.667,597.333 394.667,592 394.667,592L 392,589.333L 385.333,589.333L 384,585.333L 384,578.667L 382.667,572C 382.667,572 381.333,568 380,568C 378.667,568 374.667,565.333 374.667,565.333L 372,561.333L 369.333,560L 366.667,560L 362.667,562.667L 358.667,566.667L 357.333,569.333C 357.333,569.333 357.333,572 357.333,573.333C 357.333,574.667 356,576 356,576C 356,576 356,578.667 353.333,578.667C 350.667,578.667 349.333,581.333 348,580C 346.667,578.667 342.667,581.333 342.667,581.333L 340,584L 334.667,588C 334.667,588 333.333,590.667 332,590.667C 330.667,590.667 328,592 328,592L 321.333,592L 316,592L 312,592L 306.667,592C 304,593.333 306.667,592 304,593.333L 301.333,594.667L 297.333,593.333L 296,588L 297.333,582.667C 297.333,582.667 297.333,578.667 297.333,577.333C 297.333,576 296,574.667 296,574.667L 292,574.667L 288,574.667L 285.333,577.333L 281.333,580L 277.333,581.333L 274.667,582.667C 274.667,582.667 270.667,580 269.333,580C 268,580 266.667,580 266.667,580L 260,580L 257.333,578.667L 256,582.667L 253.333,586.667L 249.333,590.667L 245.333,590.667L 241.333,588L 237.333,586.667L 233.333,585.333L 228,586.667L 225.333,590.667C 221.333,594.667 220,597.333 220,597.333 Z "/>77         </Canvas>78       </Canvas>79     </controlsToolkit:Viewbox>80 81 </UserControl>

XAML代码

          9,这时候我们就可以看到地图的模块了,虽然还是整张地图,但是实际已经被拆分成很多块了,看不到的可能是图片路径问题。

          10.然后我们在后台代码中添加样式代码,主要就是鼠标移上去特效,拿走特效,以及Tip的特效

            

public MainPage()    {      InitializeComponent();      AddMapTools();      //DispatcherTimer timer = new DispatcherTimer();      //timer.Interval = new TimeSpan(0, 1, 0);      //timer.Tick += new EventHandler(AddMapsEvent);      //timer.Start();            //SetupLinks();            //LayoutRoot.MouseLeftButtonUp += new MouseButtonEventHandler(LayoutRoot_MouseLeftButtonUp);    }

MainPage

     

void AddMapTools()    {      Uri endpoint = new Uri(String.Format("http://192.168.1.124/Webs/Ashx/GetTheDataQuality.ashx"));      WebClient client = new WebClient();      client.OpenReadCompleted += new OpenReadCompletedEventHandler(client_OpenReadCompleted);      client.OpenReadAsync(endpoint);    }

AddMapTools
  void client_OpenReadCompleted(object sender, OpenReadCompletedEventArgs e)    {      if (e.Error == null)      {        //DataContractJsonSerializer serializer = new DataContractJsonSerializer(typeof(DataQuality));        //获取JSON数据流的信息,并将它转换成为UserInfo实例        JsonArray list = (JsonArray)JsonArray.Load(e.Result);//e.Result为JSON流数据        List<DataQuality> lst = new List<DataQuality>();        foreach (JsonObject jsonObject in list)        {          DataQuality dt = new DataQuality();          dt.City = jsonObject["City"];          dt.Site = jsonObject["Site"];          dt.AvailableNum = jsonObject["AvailableNum"];          lst.Add(dt);        }                                   foreach (Canvas c in (this.FindName("MapsHotSpot") as Canvas).Children)        {          if (!string.IsNullOrEmpty(c.Name))          {            c.Cursor = Cursors.Hand;            ToolTip toolTip = new ToolTip { Content ='这里是你想要显示的内容\n \r' };            // toolTip.VerticalOffset = -50;            toolTip.HorizontalOffset = -50;            c.SetValue(ToolTipService.ToolTipProperty, toolTip);            c.MouseLeftButtonUp += new MouseButtonEventHandler(c_MouseLeftButtonUp);            c.MouseMove += new MouseEventHandler(c_MouseMove);          }        }       // HtmlPage.Window.Invoke("setPanelTitle2", (DateTime.Now.AddHours(-1)).ToString("yyyy-MM-dd HH" + "时"));            }    }

client_OpenReadCompleted
    void c_MouseMove(object sender, MouseEventArgs e)    {      Canvas c = sender as Canvas;      ResetLastSelected();      if (!string.IsNullOrEmpty(c.Name))      {        if (c.Name != lastSelected)        {          //HideMenu();        }        lastSelected = c.Name;        SetCanvasColor(c, Color.FromArgb(255, 127, 255, 0), 2, Colors.Green);      }    }    void c_MouseLeftButtonUp(object sender, MouseButtonEventArgs e)    {      Canvas c = sender as Canvas;      if (!string.IsNullOrEmpty(c.Name))      {        e.Handled = true;      }    }      void ResetLastSelected()    {      if (!string.IsNullOrEmpty(lastSelected))      {        Canvas selectedCanvas = this.FindName(lastSelected) as Canvas;        SetCanvasColor(selectedCanvas, Color.FromArgb(255, 250, 254, 255), 1, Colors.Transparent);      }    }    void SetCanvasColor(Canvas country, Color setColor, double strokeThickness, Color stroke)    {      Path mPath = new Path();      mPath = country.Children[0] as Path;      mPath.Opacity = .4;      mPath.Stroke = new SolidColorBrush(stroke);      mPath.Fill = new SolidColorBrush(setColor);      mPath.StrokeThickness = strokeThickness;    }    

处理鼠标移动特效的4个事件

上面代码中,我在MainPage中初始化了一次数据显示,然后每次按照1小时一次的刷新频率进行刷新,在AddMapTools()方法中,我调用的是后台的一个Ashx,进行数据库交互,返回Json数据,client_OpenReadCompleted为异步返回后进行的操作,进行Tip的显示绑定等,中间的业务代码我删除了,不过应该还是比较容易看懂的,最后的4个方法是鼠标移上和移除的特效,分别在Timer事件中和初始化中调用,从而显示特效。好了,到这个步骤,一个简单的区域分析图就出来了,tip中可以放菜单,Panel,Chart等各类显示要素,之后将Silverlight引用到Web端就行了。还是比较简单的吧,中间在访问后台数据的时候可能会遇到跨域访问的问题,需要将clientaccesspolicy.

               

 




宁夏旅游攻略大全宁夏旅游攻略自助游宁夏旅游报价价格宁夏旅游景点推荐宁夏旅游团报价春节对联大全(带横批) 2015年五一旅游推荐 推荐国内五大美景 2015年五一短信祝福语 最新整理 2015年6月份节日一览 深圳山海田园有什么好玩项目?深圳山海田园度假村娱乐项目怎么收费? 深圳山海田园能烧烤吗?深圳山海田园度假村烧烤怎么收费? 深圳哪里有骑马的地方?深圳山海田园度假村骑马怎么收费? 深圳山海田园能骑马吗?深圳山海田园度假村骑马多少钱? 清远黄腾峡漂流多少钱?2015黄腾峡漂流最新票价? 霞客古渡船票价格?上林霞客古渡游船免费吗? 2015清远黄腾峡漂流开漂时间?黄腾峡漂流什么时间开放? 上林霞客古渡门票包括什么?霞客古渡门票包含游船吗? 马尔代夫维斯瑞岛Viceroy Maldives Resort 是最新开发的岛屿吗? 迪拜最近天气怎么样? 在泰国旅游遇到危险时可以打什么电话求救? 迪拜人工棕榈岛是怎么回事? AT28HC256E-70DM/883 Datasheet AT28HC256E-70DM/883 Datasheet AT28HC256E-70JC Datasheet AT28HC256E-70JC Datasheet AT28HC256E70JC Datasheet AT28HC256E70JC Datasheet 齐齐哈尔香港两日游 齐齐哈尔香港两日游 齐齐哈尔香港两日游 内蒙古到港澳5日游 内蒙古到港澳5日游 内蒙古到港澳5日游 济南到香港五日游 济南到香港五日游 济南到香港五日游