arcgis for js 그리 기 면

1726 단어
저자 가 여기 서 사용 하 는 에 스 리 버 전 은 419 입 니 다. 여기 서 draw 패키지 '에 스 리 / views / draw / draw' 를 미리 초기 화해 야 합 니 다.
this.$message.success("    ");
var draw = new Draw({
view:this.view
})
var action = draw.create("polygon", {
  mode: "click"//      
});
//     
this.view.focus();

//       
action.on("vertex-add", (evt) =>{
this.createPolygon(evt)
});


//      
action.on("vertex-remove", (evt) =>{
this.createPolygon(evt)

});
//       
action.on("cursor-update", (evt) =>{
this.createPolygon(evt)
});


//       
action.on("draw-complete", (evt) =>{
this.createPolygon(evt)
this.$message.success("    ");

});

여기에 그래 픽 이랑 폴 리 곤 두 개 를 썼어 요.
  • "esri/Graphic"
  • "esri/geometry/Polygon"
  • async createPolygon(event) {
        //      
        var vertices = event.vertices;
        //      
        this.view.graphics.removeAll();
        var Graphic = await arcgisPackage.Graphic;
        var Polygon = await arcgisPackage.Polygon;
        //        
        var graphic = new Graphic({
            geometry: new Polygon({
                hasZ: false,
                hasM: false,
                rings: [vertices],
                spatialReference: this.view.spatialReference
            }),
            symbol: {
                type: "simple-fill",  // autocasts as new SimpleFillSymbol()
                color: [ 51,51, 204, 0.9 ],
                style: "solid",
                outline: {  // autocasts as new SimpleLineSymbol()
                    color: "white",
                    width: 1
                }
            }
        });
        this.view.graphics.add(graphic);
        console.log(graphic.geometry.toJSON());
    }

    더 많은 글

    좋은 웹페이지 즐겨찾기