初遇Citymaker (九)

• 绘制调用

• 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