Skip to content

绘制圆

  • 支持独立事件绑定

例:

typescript
const circle = _3umap.createCircle({position: coord, Xradius:100})

可配置参数

typescript
 type CreateCircle = {
  /**
   *@description 创建圆
   *@param options 选项
   *@param options.show 是否显示
   *@param options.name 名称
   *@param options.height 相对于地面的高度
   *@param options.extrudedHeight 几何体本身的高度
   *@param options.position 位置
   *@param options.Xradius X轴半径
   *@param options.Yradius Y轴半径
   *@param options.fill 是否填充颜色
   *@param options.color 填充颜色
   *@param options.outline 是否显示轮廓线
   *@param options.outlineWidth 轮廓线宽度
   *@param options.outlineColor 轮廓线颜色
   *@param options.near 可见最近距离
   *@param options.far 可见最远距离
   *@param options.shadows 是否显示阴影
   *@param options.rotation 旋转角度
   *@param options.absolute 是否绝对定位
   *@param options.zIndex 层级
   *@param options.viewFrom 设置相机观察Entity的位置
   *@param options.parent 设置父级Entity建立组织关系
   *@param options.property 挂载的属性
   *@param options.entityCollection 集合目标
   *@param options.label 标签选项
   *@param options.label.show 显示消失
   *@param options.label.text 文字内容
   *@param options.label.position 位置坐标
   *@param options.label.fontColor 文字颜色
   *@param options.label.fontSize 字体大小
   *@param options.label.fillColor 背景填充颜色
   *@param options.label.showBackground 是否显示背景
   *@param options.label.padding 内边距
   *@param options.label.style 填充样式
   *@param options.label.outlineWidth 描边大小
   *@param options.label.outlineColor 描边颜色
   *@param options.label.verticalOrigin 垂直对齐方式
   *@param options.label.horizontalOrigin 水平对齐方式
   *@param options.label.offset 偏移量
   *@param options.label.near 近距离
   *@param options.label.far 远距离
   *@param options.label.nearScale 近距离缩放
   *@param options.label.farScale 远距离缩放
   *@param options.label.absolute 是否绝对定位
   *@param globeID 地球ID
   *@return
   *@MethodAuthor ironbull
   *@Date 2023-11-09 09:05:56
   */
  (options: CircleOptions, globeID?: string): Circle;
};

MaterialMap.circleWave 材质

circle

性能

当需要绘制大量圆时,不推荐使用此方法,可以使用工具方法计算出圆弧坐标,使用创建海量面创建

配置