Arcgis for JS实现台风运动路径与影像范围的显示

Arcgis for JS实现台风运动路径与影像范围的显示

首先，看看具体的效果：

初始化状态

绘制中

绘制完成

首先，组织数据。我组织的数据是JSON的，数据的具体形式如下：

 

其次，实现思路。

1、添加显示路径。

根据起始点，生成polyline的JSON格式。如下：

 

并生成路径线。

 

2、添加中心点与影响范围

 

 

并添加到地图：

 

3、间隔添加

 

完整代码如下：

 

[html]  view plain copy print ?

1. >  
2.   
3.   
4.     <meta< span=""> http-equiv="Content-Type" content="text/html; charset=utf-8">  
5.     <meta< span=""> name="viewport" content="initial-scale=1, maximum-scale=1,user-scalable=no"/>  
6.       
7.     <link< span=""> rel="stylesheet" href="http://localhost/arcgis_js_api/library/3.9/3.9/js/esri/css/esri.css">  
8.       
9.     <script< span=""> src="http://localhost/arcgis_js_api/library/3.9/3.9/init.js">  
10.       
11.   
12.   
13.   
14. <div< span=""> id="map">  
15.     <button< span=""> id="addPath" type="button" style="position: absolute; top: 10pt; right: 15pt; z-index: 99;">添加路径  

  

•   
•