arcgis api for javascript v3.1 怎么画条直线呢

在 ArcGIS API for JavaScript v3.1 中，要画一条直线，需要使用 GraphicsLayer 和 Polyline 对象来实现。以下是详细的步骤和代码示例：

步骤

1. 引入必要的库和初始化地图：

   • 在 HTML 文件中引入 ArcGIS API 和必要的样式表。

   html
   复制代码
   <link rel="stylesheet" href="https://js.arcgis.com/3.1/esri/css/esri.css">
   <script src="https://js.arcgis.com/3.1/"></script>
   

   • 初始化地图，并创建一个 GraphicsLayer 用于绘制要素。

   javascript
   复制代码
   var map;
   var graphicsLayer;
   
   function initMap() {
       map = new esri.Map("map", {
           center: [-118, 34.5],
           zoom: 8,
           basemap: "topo"
       });
   
       graphicsLayer = new esri.layers.GraphicsLayer();
       map.addLayer(graphicsLayer);
   }
   
   dojo.ready(initMap);
   

2. 绘制直线：

   • 使用 Polyline 类来定义直线的几何形状，并将其添加到 GraphicsLayer 中显示在地图上。

   javascript
   复制代码
   function drawLine() {
       // 定义直线的路径
       var polylineJson = {
           "paths": [
               [
                   [-118, 34],
                   [-117, 34],
                   [-117, 35]
               ]
           ],
           "spatialReference": {
               "wkid": 4326  // 空间参考，这里使用WGS84经纬度坐标系
           }
       };
   
       // 创建一个Polyline对象
       var polyline = new esri.geometry.Polyline(polylineJson);
   
       // 创建一个Graphic对象，用于显示在地图上
       var lineSymbol = new esri.symbol.SimpleLineSymbol(esri.symbol.SimpleLineSymbol.STYLE_SOLID, new dojo.Color([255, 0, 0]), 2);
       var graphic = new esri.Graphic(polyline, lineSymbol);
   
       // 将Graphic添加到GraphicsLayer中
       graphicsLayer.add(graphic);
   }
   

3. 调用绘制函数：

   • 在适当的时机（例如页面加载完成或用户触发事件）调用 drawLine() 函数来绘制直线。

   html
   复制代码
   <button onclick="drawLine()">绘制直线</button>
   

注意事项

• 坐标系：确保直线的坐标系与地图的坐标系一致。示例中使用的是WGS84经纬度坐标系（wkid: 4326）。
• 符号样式：可以根据需求修改 SimpleLineSymbol 的样式，例如线的颜色、宽度等。
• 事件处理：根据具体需求，可以将绘制直线的触发事件绑定到适当的用户交互动作或其他事件。

通过以上步骤，你可以在 ArcGIS API for JavaScript v3.1 中成功绘制一条直线，并在地图上显示出来。