散点层是3D平面世界地图的子组件,支持独立的样式和数据配置,包括散点的大小、颜色、动画效果以及经纬度等,能够以散点的形式表现地理位置上的点数据信息。本文介绍散点层各配置项的含义。
配置
- 搜索配置:单击配置面板右上角的搜索配置,可在搜索配置面板中输入您需要搜索的配置项名称,快速定位到该配置项,系统支持模糊匹配。详情请参见搜索组件配置。
- 散点高度:散点层相对于地图平面的高度,取值范围为0~20,单位为px。
- 呼吸范围:散点在半径的基础上增加的内外呼吸半径,取值范围为0~3,单位为px。
- 呼吸速率:散点层呼吸半径大小渐变的速度,取值范围为0~0.2。
- 最大半径:散点的最大半径值,配合数据源中的value字段区间来映射散点的半径,取值范围为1~100。
- 最小半径:散点的最小半径值,配合数据源中的value字段区间来映射散点的半径,取值范围为1~50。
- 散点样式
参数 说明 内圈颜色 散点内圈的颜色,请参见颜色选择器说明进行修改。 外圈颜色 散点外圈的颜色。 渐变数量 散点内圈至外圈的颜色渐变层数,层数越高过渡越圆滑,取值范围为1~40。 渐变类型 内外圈颜色渐变类型,可选:线性、s型、外疏和内疏。
数据
上图中的示例JSON代码如下。
[
{
"lat": 62.103883,
"lng": -106.523438,
"value": 51
},
{
"lat": 50.064192,
"lng": -74.179688,
"value": 94
},
{
"lat": 43.068888,
"lng": -104.765625,
"value": 90
},
{
"lat": -16.299051,
"lng": -58.007812,
"value": 36
},
{
"lat": 37.996404,
"lng": 85.432403,
"value": 83
},
{
"lat": 30.44572,
"lng": 94.922655,
"value": 55
},
{
"lat": 24.203949,
"lng": 105.823615,
"value": 29
},
{
"lat": 17.644022,
"lng": -10.898438,
"value": 23
},
{
"lat": 34.597042,
"lng": -84.726562,
"value": 70
},
{
"lat": 51.618017,
"lng": -61.523437,
"value": 18
},
{
"lat": 34.016242,
"lng": -104.765625,
"value": 42
},
{
"lat": 31.501552,
"lng": 120.853839,
"value": 48
},
{
"lat": 30.066677,
"lng": 118.481709,
"value": 76
},
{
"lat": 26.977316,
"lng": 116.635464,
"value": 71
},
{
"lat": 34.740778,
"lng": 117.164073,
"value": 88
},
{
"lat": 34.595741,
"lng": 112.857578,
"value": 84
},
{
"lat": 39.573011,
"lng": 116.285298,
"value": 7
},
{
"lat": 38.273105,
"lng": 110.659935,
"value": 36
},
{
"lat": 31.950282,
"lng": 115.406069,
"value": 15
},
{
"lat": 23.722477,
"lng": 112.32951,
"value": 58
}
]
字段 | 说明 |
---|---|
lng | 散点的经度。 |
lat | 散点的纬度。 |
value | 散点对应的数值,与最大半径和最小半径配置项共同决定散点的大小。 |
配置项 | 说明 |
---|---|
受控模式 | 打开开关,资产初始化状态下不请求数据,仅通过回调ID或蓝图编辑器配置的方法发起请求数据;关闭开关,可以使用自动更新请求数据。开关默认为关闭状态。 |
自动更新请求 | 选中后可以设置动态轮询,还可以手动输入轮询的时间频次。取消选中后则不会自动更新,需要手动刷新页面,或通过蓝图编辑器和回调ID事件来触发请求更新数据。 |
数据源 | 单击配置数据源,可在设置数据源面板中修改数据源类型和数据查询代码、预览数据源返回结果以及查看数据响应结果。详情请参见配置组件数据。 |
数据过滤器 | 数据过滤器提供数据结构转换、筛选和一些简单的计算功能。单击添加过滤器,可在设置数据源面板配置数据过滤器脚本,详情请参见过滤器使用说明。 |
数据响应结果 | 展示数据请求的响应结果。当数据源发生改变时,可单击右侧的图标,实时查看数据响应结果。 |
交互
此组件没有交互事件。
蓝图编辑器交互配置
- 在画布编辑器页面,单击3D平面世界地图子组件管理列表中散点层右侧的图标。
- 单击页面左上角的图标。
- 在蓝图编辑器配置页面,单击导入节点栏内的散点层组件,在画布中可以看到如下图所示的散点层的蓝图编辑器配置参数。