高德地图 JS API—3D立体图形点 Points

高德地图 JS API—3D立体图形点 Points

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

Object3D.Points

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

Gometry的属性类型说明
verticesArray<Number>存放顶点位置的一维数组,三个元素代表一个顶点的位置
vertexColorsArray<Number>存放顶点颜色的一维数组,四个元素代表一个顶点的颜色
pointSizesArray<Integer>存放点大小的一维数组,一个元素代表一个点的大小。
pointAreasArray<Number>存放点的有效绘图区域的维数组,四个元素描述一个点的有效区域,四个元素中的前两个元素表示点的有效区域的左上角基于点左上角的比例,四个元素中的后两个元素表示点的有效区域的右下角基于点左上角的比例,颜色和纹理将只填充有效范围,比如 [0, 0, 1, 0.5] 表示指填充点的上半区域,缺省等同于 [0, 0, 1, 1]
vertexIndicessArray<Integer>存放顶点纹理索引的一维数组,一个元素元素代表一个顶点的纹理索引。当Mesh的textures属性的长度大于1时,代表一个mesh使用多个纹理,textureIndices表示每个顶点使用哪个纹理。只使用一个纹理时,这个属性可以不设置
vertexUVsArray<Number>存放点纹理坐标的一维数组,四个元素描述一个点的纹理坐标区域,四个元素中的前两个元素表示点有效区域的左上角的纹理坐标,四个元素中的后两个元素表示点有效区域的右下角的纹理坐标

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

查看示例

Object3D.RoundPoints

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

Gometry的属性类型说明
verticesArray<Number>存放顶点位置的一维数组,三个元素代表一个顶点的位置
vertexColorsArray<Number>存放顶点颜色的一维数组,四个元素代表一个顶点的颜色
pointSizesArray<Integer>存放点大小的一维数组,一个元素代表一个点的大小。
vertexIndicessArray<Integer>存放顶点纹理索引的一维数组,一个元素元素代表一个顶点的纹理索引。当Mesh的textures属性的长度大于1时,代表一个mesh使用多个纹理,textureIndices表示每个顶点使用哪个纹理。只使用一个纹理时,这个属性可以不设置
vertexUVsArray<Number>存放点纹理坐标的一维数组,四个元素描述一个点的纹理坐标区域,四个元素中的前两个元素表示点有效区域的左上角的纹理坐标,四个元素中的后两个元素表示点有效区域的右下角的纹理坐标
5 1 投票
文章评分
订阅评论
提醒
0 评论
内联反馈
查看所有评论
0
希望看到您的想法,请您发表评论x