初始化,每个map执行一次

PS:画点也差不多,都是用SketchViewModel,因此本demo没有专门写画点的

        drawPolygonInit: function () {
//画几何对象初始化 //新建一个图形图层用于存放画图过程中的图形
let layer = new this.apiInstance.GraphicsLayer({
//空间参考,一般要跟地图的一样
spatialReference: this.mapView.spatialReference,
});
//图层添加到地图
//PS:GraphicsLayer也是图层之一,因此也支持通用的图层功能
this.map.add(layer); //new SketchViewModel,此对象用于画图
this.sketchPolygon = new this.apiInstance.SketchViewModel({
//mapView
view: this.mapView,
//一个图形图层
layer: layer,
polygonSymbol: {
type: "simple-fill", // autocasts as new SimpleMarkerSymbol()
color: "rgba(138,43,226, 0.8)",
style: "solid",
outline: { // autocasts as new SimpleLineSymbol()
color: "white",
width: 1
}
}
}); //绑定create-complete事件,新增画图完成时会触发
this.sketchPolygon.on("create-complete", function (event) {
//画的几何对象类型,值同开始画的create方法的参数1
let drawGeometryType = event.tool;
//画的结果的几何对象
//PS:画完后SketchViewModel创建的图形会消失,因此如果要在画完后还要显示在地图上,就要另外再编码画在地图上,SketchViewModel只会提供画的结果的几何对象
let geometry = event.geometry; //样式
//PS:其他高级样式配置请看样式的章节
let style = {
//线颜色
color: [50, 205, 50, 0.3],
outline: {
color: [255, 0, 0],
width: 1
}
}; let graphic = mapUtil.geometry.polygonToPolygonGraphic(this.apiInstance, geometry, style, this.mapView.spatialReference, null); //把图形添加到地图的图形集合
//PS:图形要在地图上显示,可以添加到两种地方。一是mapView的graphics,这是地图的图形容器。第二是创建图形图层(GraphicsLayer),然后把图形加入到图层里
this.mapView.graphics.add(graphic);
}.bind(this));
//
// //绑定update-complete事件,编辑画图完成时会触发
// this.sketchPolyline.on("update-complete", function (event) {
// //画的结果的几何对象
// //PS:画完后SketchViewModel创建的图形会消失,因此如果要在画完后还要显示在地图上,就要另外再编码画在地图上,SketchViewModel只会提供画的结果的几何对象
// let geometry = event.geometry;
//
// //后续代码略。。。
// }.bind(this));
},

开始画面

        drawPolygon: function () {
//开始画面
//参数1:画的几何类型,有值:point=点 | multipoint=多点 | polyline=线 | polygon=面 | rectangle=矩形 | circle=原型
this.sketchPolygon.create("polygon");
},

最新文章

  1. 智软科技医疗器械GSP监管软件通过多省市药监局检查
  2. 0422 发现( 数学口袋精灵)bug
  3. vs2012 编译运行报 项目程序包Dsp.Bds.dll还原失败,找不到版本xxxxxx的程序包问题的解决方法
  4. Matlab中find函数的使用
  5. TCP协议的一些问题
  6. JSF 2 hidden value example
  7. [改善Java代码] 谨慎包装类型的大小比较
  8. TreeView点击父节点不刷新展开子节点
  9. Android中的webview的进度条
  10. 一天搞定CSS: 浮动(float)的副作用--12
  11. IM多类型holder封装
  12. HDU 2586 How far way?
  13. 8.27 jQuery
  14. 开发vue全局插件的4种方式
  15. HTTP和Socket的区别
  16. JS实现队列
  17. 【转】Windows Error Code(windows错误代码详解)
  18. Hibernate 操作 oracle数据库,报错总结
  19. Newtonsoft 序列化和反序列化特殊处理
  20. MSSqlserver的锁模式介绍

热门文章

  1. dumpbin检查Dll
  2. error: templates may not be ‘virtual’
  3. 1.1-1.4 sqoop概述及安装cdh版hadoop
  4. 3、css边框以及其他常用样式
  5. python之log日志模块
  6. 5-1 变量与常量 & 6-1课程总结
  7. Identity Server 4 原理和实战(完结)_为 MVC 客户端刷新 Token
  8. Tomcat注入到系统服务中,实现服务自启动及常驻
  9. HTML学习笔记(五)框架
  10. lightoj 1099【dijkstra/BFS】