图标点

图标点

图标点可以用作三维城市场景上某些地点位置的标记。

如下图，在子组件列表中点击 “图标点”可以进入图标点子组件的相关设置。

数据项

图标点子组件支持在数据项设置中传入数据，数据接口字段说明如下表：

字段	状态	说明
pinId	必传	用户自定义的图标点ID,可以用来与其他的组件作交互绑定
lng	必传	图标点所在位置的经度
lat	必传	图标点所在位置的纬度
height	必传	图标点所在位置的高度
text	选传	图标内文本
extText	选传	图标外文本
imageUrl	选传	在线图像链接地址

示例数据

[
    {
        "pinId": 1,
        "lat": 26.56819,
        "lng": 106.7545,
        "height": 1200,
        "extText": "",
        "text": "点2",
        "imageUrl": ""
    },
    {
        "pinId": 2,
        "lat": 26.57819,
        "lng": 106.7645,
        "height": 1200,
        "extText": "",
        "text": "点3",
        "imageUrl": ""
    }
]

信息

注：中心点的高度并不是直接从地表开始算的，而是从地表往内的一段距离。当高度设置为1300时，在场景上显示的高度大概距离地表300米左右。以后涉及高度的设置都遵循这个原则。

基本设置

• 最近可视距离：当图标点与当前场景相机的距离小于最近可视距离时，则图标点会隐藏不显示。
• 最远可视距离：当图标点与当前场景相机的距离大于最远可视距离时，则图标点会隐藏不显示。
• 缩放比例：控制图标点的缩放。范围：[0,5]

样式设置

• 图标选择：内置116个图标可供选择。选择后图标将填充在图标点内部。当图标点被图标填充时就不再显示文本。
• 图标大小：控制图标点的大小。范围：[1,100]
• 字体：图标内部与图标外部的文本字体。
• 图标填充颜色：填充在图标点内部的颜色。
• 图标轮廓边框颜色：控制图标点轮廓边框颜色。
• 字号：图标外的文本的字号。
• 图标外文字水平偏移：图标外文字在水平方向上的偏移。
• 图标外文字垂直偏移：图标外文字在水平方向上的偏移。

蓝图编辑器

事件

事件	说明
当数据接口数据请求完成时	数据接口请求返回并经过过滤器处理后抛出的事件，同时抛出处理后的JSON格式的数据。具体数据示例请参见画布编辑器中组件右侧配置面板数据页签的数据响应结果区域。
点击图标点时	开启场景交互拾取操作后，点击图标点，会抛出被点击图标点的guid

动作

动作	说明
当请求数据接口	重新请求服务端数据，上游数据处理节点或图层节点抛出的数据将作为参数。例如折线阶梯图配置了API数据源为 http://api.test，传到请求折线阶梯图接口动作的数据为{ id: '1'}，则最终请求接口为http://api.test?id=1。
当导入数据接口	按组件绘制格式处理数据后，导入组件，重新绘制。不需要重新请求服务端数据。具体数据示例请参见画布编辑器中组件右侧配置面板数据页签的数据响应结果区域。
镜头飞入该组件	场景相机镜头会缓慢飞入该子组件的上方。
显示	在三维城市场景中显示该子组件
隐藏	在三维城市场景中隐藏该子组件
接受路径动画信息	使用于图标点与路径动画子组件作绑定的场景，用户自行传入图标点与路径动画的自定义id,路径动画加载好后会将自身的id数据抛出来，该蓝图动作就是用来接收路径动画抛出来的id数据。图示如下
设置路径动画	传入需要进行绑定的路径动画与图标点的自定义id,示例数据如下：
设置图标点设置	不通过数据传入，直接在蓝图中传入图标点的所有配置，即可在场景中新增图标点。示例数据