给定点的json文件，绘制路径

最新推荐文章于 2023-12-06 21:48:37 发布

原创最新推荐文章于 2023-12-06 21:48:37 发布 · 749 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#arcgis api for js

arcgis api for js 专栏收录该内容

8 篇文章

订阅专栏

本文演示了如何使用ESRI JavaScript API中的GraphicsLayer、Polyline、Point、SimpleLineSymbol、Graphic和Color等组件来展示路径。通过提供具体的JSON路径数据，创建Polyline并设置颜色和线条宽度，然后将其添加到地图中。此教程适用于了解ESRI API在地图绘制应用中的使用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

function showPath(map,data){
    require([
        "esri/layers/GraphicsLayer",
        "esri/geometry/Polyline","esri/geometry/Point",
        "esri/symbols/SimpleLineSymbol",
        "esri/graphic",
        "esri/Color",
        "esri/request"


    ], function(GraphicsLayer,
        Polyline,Point,
        SimpleLineSymbol,
        Graphic,
        Color ,
        esriRequest) {
            var polylineJson = {
                "paths":[[[2262826.1689284374,548956.7494148497], [2261863.0518302172,2261863.0518302172],
                    [2262887.3685253384, 548704.4203247625]]],
                "spatialReference":{"wkid":102021}
            };
            var polyline = new esri.geometry.Polyline(polylineJson);

            var symbol = new SimpleLineSymbol(SimpleLineSymbol.STYLE_SOLID,
                    new Color([0, 255, 0]),
                    2
            );

            //create graphic
            var line = new esri.Graphic(polyline, symbol);
            //add graphic to map
            map.graphics.add(line);



    });


}