几何基础

在SDK中的几何图形由点、线和多边形组合而成，所以几何图形的绘制需要理解点、线和多边形的使用。

1. 新建图形图层

我们使用GraphicLayer来包含一个或多个离散的矢量几何图形。

代码示例如下：

const graphicLayer = new ubm.GraphicLayer({
  id: '1',
  title: '图形图层',
})
// 把图层添加到场景中
scene.layer.add([graphicLayer])

2. 绘制图形

绘制不同图形所使用的方法是不一样的，我们的图形大体上可以分成两类：

  • 2D图形 如：绘制2D的正方形：
const point2D = new ubm.Point2D([116.3003, 39.9002, 10], {
  color: '#f3d751',
  size: 100,//正方形大小(在此只能为一个数值，不可以为数组)
  type: 'square',//圆circle 方square 加cross 叉x 菱kite 三角triangle
  //边框设置
  outline: {
    color: 'red',//颜色
    size: 1,//边框粗细
  }
})
  • 3D图形 如：绘制3D的长方体：
const point3D = new ubm.Point3D([116.3004, 39.9001, 10], {
      color: '#e26538',
      size: [8,8,8],//长方体 [长,宽,高]
      type: 'cube',//点类型 在此为 长方体 cube
    })

详情可以查看后续章节。

3. 把图形加入到图形图层中

graphicLayer.add(point2D|point3D)
Table of Contents