- 绘制调用
- let cb = function(res) {
- alert("自定义回调 查询成功");
- };
- switch (type) {
- case "polyline":
- cw5.mouseDrawUtils.polyline("draw2", "#FFFF00", 5, 0.7, cb);
- break;
- case "polygon":
- cw5.mouseDrawUtils.polygon();
- break;
- case "bulidModel":
- cw5.mouseDrawUtils.bulidModel();
- break;
- case "point":
- cw5.mouseDrawUtils.point();
- break;
- }
- 绘制mouseDrawUtils
```javascript
export const mouseDrawUtils = {};
import { cw5 } from "../index.js";
import {cwEventBus} from "../eventBus/eventBus"
let _layerName;
let _symbol;
let _geometry;
let _callBack;
/**
- 画点
- layerName 渲染图层名称 默认为 draw
- color 颜色
- width 线宽
- alpha 透明度
- callBack 自定义回调
- */
mouseDrawUtils.point = function(layerName,color,size,alpha,callBack) {
_layerName=layerName||"draw";
_symbol=cw5.symbolCreator.createPointSymbol_Simple(color,size,alpha)
_geometry=cw5.geometryCreator.createPoint();
_callBack=callBack||null;
drawPoint()
}
/**
- 画线
- layerName 渲染图层名称 默认为 draw
- color 颜色
- width 线宽
- alpha 透明度
- callBack 自定义回调
- */
mouseDrawUtils.polyline = function(layerName,color,width,alpha,callBack) {
let name=layerName||"draw";
let mySymbol=cw5.symbolCreator.createPolylineSymbol(color,width,alpha)
_geometry=cw5.geometryCreator.createPolyline();
let rg=cw5.renderLayerCtrl.createLayer(name,_geometry,mySymbol,true)
startDraw(rg,callBack)
}
/**
- 画多边形
- layerName 渲染图层名称 默认为 draw
- color 颜色
- alpha 透明度
- callBack 自定义回调
- */
mouseDrawUtils.polygon = function(layerName,color,alpha,callBack) {
let name=layerName||"draw";
let mySymbol=cw5.symbolCreator.createPolygonSymbol(color,alpha)
_geometry=cw5.geometryCreator.createPolygon();
let rg=cw5.renderLayerCtrl.createLayer(name,_geometry,mySymbol,true)
startDraw(rg,callBack)
} - 更多参考https://xiaozhuanlan.com/topic/1340952687