贴地图像

贴地图像

贴地图像主要用于在三维场景中绘制贴地图像。支持传入多张图片进行轮流循环播放。 如下图，在子组件列表中点击 “贴地图像”可以进入贴地图像子组件的相关设置。

数据项

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

字段	状态	说明
lng	必传	贴地图像位置的经度
lat	必传	贴地图像位置的纬度
height	必传	贴地图像位置的高度，一般设为0即可
imageUrls	选传	图像的在线地址，支持数组形式或字符串形式
times	选传	每个图像的播放时刻，数组形式

示例数据

[
    {
        "lat": 26.56819,
        "lng": 106.7245,
        "height": 0,
        "imageUrls": [
            "https://uniplore-source.oss-cn-chengdu.aliyuncs.com/bigscreen/city/image/div_bg.png",
            "https://uniplore-source.oss-cn-chengdu.aliyuncs.com/bigscreen/city/image/dialog.png",
            "https://uniplore-source.oss-cn-chengdu.aliyuncs.com/bigscreen/city/image/logo.png"
        ],
        "times": [
            0,
            2,
            6
        ]
    },
    {
        "lat": 26.56819,
        "lng": 106.7225,
        "height": 0,
        "imageUrls": "https://uniplore-source.oss-cn-chengdu.aliyuncs.com/bigscreen/city/image/dialog.png",
        "times": [
            0,
            3,
            5
        ]
    }
]

基本设置

• 播放：当传入的图像为多个时(以数组的形式传入)时，开启播放后将会按照传入数据中的times设置好的每个图像显示(播放)的时间来控制图像的显示和隐藏
• 循环播放：开启后，当一组图像播放完后，从头开始重新播放。
• 透明度：贴地图像的透明度。范围：[0,1]
• 旋转角度：贴地图像的旋转角度。范围：[0,360]

蓝图编辑器

事件

事件	说明
当数据接口数据请求完成时	数据接口请求返回并经过过滤器处理后抛出的事件，同时抛出处理后的JSON格式的数据。具体数据示例请参见画布编辑器中组件右侧配置面板数据页签的数据响应结果区域。

动作

动作	说明
当请求数据接口	重新请求服务端数据，上游数据处理节点或图层节点抛出的数据将作为参数。例如折线阶梯图配置了API数据源为 http://api.test，传到请求折线阶梯图接口动作的数据为{ id: '1'}，则最终请求接口为http://api.test?id=1。
当导入数据接口	按组件绘制格式处理数据后，导入组件，重新绘制。不需要重新请求服务端数据。具体数据示例请参见画布编辑器中组件右侧配置面板数据页签的数据响应结果区域。
镜头飞入该组件	场景相机镜头会缓慢飞入场景视频融合组件的上方。
显示	在三维城市场景中显示该子组件
隐藏	在三维城市场景中隐藏该子组件
设置贴地图像配置	可以通过蓝图配置的形式在三维场景中新增贴地图像。传入的示例数据如下

{
    "lat": 26.56819,
    "lng": 106.7545,
    "height": 0,
    "imageUrls": [
        "imagePath1",
        "imagePath2"
    ],
    "times": [
        0,
        1
    ],
    "autoWidth": true, //自动计算宽度
    "autoHeight": true,  //自动计算高度
    "loopPlay": true,  // 循环播放
    "playing": true,  // 播放
    "opacity": 0.5, // 透明度 
    "rotation": 90 // 旋转角度
}