ArcGIS API for JavaScript Graphic添加点、线、多边形和圆

贫穷的学生

已于 2022-05-15 14:41:59 修改

阅读量1.7k

点赞数 2

分类专栏： WebGIS开发文章标签： javascript 前端开发语言

于 2022-05-15 14:39:27 首次发布

本文链接：https://blog.csdn.net/QY1021371614/article/details/124781941

版权

WebGIS开发专栏收录该内容

7 篇文章 7 订阅

订阅专栏

添加点

            require([
                "esri/Map",
                "esri/views/MapView",
                "esri/Graphic"], 
            function (
                Map, 
                MapView,
                Graphic) 
            {
                const pointGraphic=new Graphic({
                    geometry:{
                        type:"point",
                        longitude:115,
                        latitude:31
                    },
                    symbol:{
                        type:"simple-marker",
                        color:[226,117,34],
                        outline:{
                            color:[225,225,225],
                            width:5
                        }
                    }
                });
                view.graphics.addMany([pointGraphic]);
            });

添加线

            require([
                "esri/Map",
                "esri/views/MapView",
                "esri/Graphic"], 
            function (
                Map, 
                MapView,
                Graphic) 
            {
                const polylineGraphic=new Graphic({
                    geometry:{
                        type:"polyline",
                        paths:[[115,31],[115.9,32],[116,35]]
                    },
                    symbol:{
                        type:"simple-ine",
                        color:[226,119,40],
                        width:4
                    },
                });
                view.graphics.addMany([polylineGraphic]);
            });

添加多边形

            require([
                "esri/Map",
                "esri/views/MapView",
                "esri/Graphic"], 
            function (
                Map, 
                MapView,
                Graphic) 
            {
                const polygonGraphic=new Graphic({
                    geometry:{
                        type:"polygon",
                        rings:[[115,31],[115.5,30],[114,30.4],[115,31]]
                    },
                    symbol:{
                        type:"simple-fill",
                        color:[227,136,34],
                        outline:{
                            color:[225,225,225],
                            width:1
                        }
                    }
                });
                view.graphics.addMany([polygonGraphic]);
            });

添加圆

            require([
                "esri/Map",
                "esri/views/MapView",
                "esri/geometry/Circle",
                "esri/Graphic"], 
            function (
                Map, 
                MapView,
                Circle,
                Graphic) 
            {
                const circleGeometry = new Circle({
                    center: [ 116, 35 ],
                    geodesic: true,
                    numberOfPoints: 100,
                    radius: 50,
                    radiusUnit: "kilometers"
                });

                const circlegraphic = new Graphic({
                    geometry: circleGeometry,
                    symbol: {
                        type:"simple-fill",
                        color:[227,136,34],
                        outline:{
                            color:[225,225,225],
                            width:1
                        }
                    }
                });
                view.graphics.addMany([circlegraphic]);
            });