示例中心
功能在线体验
控制台
您现在的位置: 开发 > 地图 JS API > 教程 > 3D立体图形 > 点 Points >

高德 开发 地图 JS API 教程 3D立体图形 点 Points

更新时间:2018年05月29日

基于 WebGL 点图元,我们提供了Object3D.Points类型来支持点状图形的绘制,Object3D.RoundPoints类型来支持圆点图形的绘制。

Object3D.Points

Points类型显示为矩形点,支持位置、大小、颜色、纹理等样式,并可指定有效填充区域,它的attribute变量有:

Gometry的属性

类型

说明

vertices

Array<Number>

存放顶点位置的一维数组,三个元素代表一个顶点的位置

vertexColors

Array<Number>

存放顶点颜色的一维数组,四个元素代表一个顶点的颜色

pointSizes

Array<Integer>

存放点大小的一维数组,一个元素代表一个点的大小。

pointAreas

Array<Number>

存放点的有效绘图区域的维数组,四个元素描述一个点的有效区域,

四个元素中的前两个元素表示点的有效区域的左上角基于点左上角的比例,

四个元素中的后两个元素表示点的有效区域的右下角基于点左上角的比例,

颜色和纹理将只填充有效范围,比如 [0, 0, 1, 0.5] 表示指填充点的上半区域,

缺省等同于 [0, 0, 1, 1]

vertexIndicess

Array<Integer>

存放顶点纹理索引的一维数组,一个元素元素代表一个顶点的纹理索引。

当Mesh的textures属性的长度大于1时,代表一个mesh使用多个纹理,

textureIndices表示每个顶点使用哪个纹理。

只使用一个纹理时,这个属性可以不设置

vertexUVs

Array<Number>

存放点纹理坐标的一维数组,四个元素描述一个点的纹理坐标区域,

四个元素中的前两个元素表示点有效区域的左上角的纹理坐标,

四个元素中的后两个元素表示点有效区域的右下角的纹理坐标

同时 JS API 也提供了属性可以为Points实例指定边框的颜色和宽度

查看示例

Object3D.RoundPoints

RoundPoints显示为圆形点,它的geometryattributePoints类似,只是少了pointAreas。同样,RoundPoints类型支持边框颜色和宽度的设置。

Gometry的属性

类型

说明

vertices

Array<Number>

存放顶点位置的一维数组,三个元素代表一个顶点的位置

vertexColors

Array<Number>

存放顶点颜色的一维数组,四个元素代表一个顶点的颜色

pointSizes

Array<Integer>

存放点大小的一维数组,一个元素代表一个点的大小。

vertexIndicess

Array<Integer>

存放顶点纹理索引的一维数组,一个元素元素代表一个顶点的纹理索引。

当Mesh的textures属性的长度大于1时,代表一个mesh使用多个纹理,

textureIndices表示每个顶点使用哪个纹理。

只使用一个纹理时,这个属性可以不设置

vertexUVs

Array<Number>

存放点纹理坐标的一维数组,四个元素描述一个点的纹理坐标区域,

四个元素中的前两个元素表示点有效区域的左上角的纹理坐标,

四个元素中的后两个元素表示点有效区域的右下角的纹理坐标

查看示例

移动端
示例中心
功能
在线体验
常见问题