[{"id":"840f0737-df1d-47ae-bb0a-359b01fe0608","tags":[{"product":null,"links":null,"id":"adf72f47-7f61-4239-8392-b9bcc127fa80","name":"\u65B0\u589E","color":"green","productId":"0995490e-43fc-4d6e-bc8d-8e66f38b0c63"}]},{"id":"d5d9cdef-8854-4505-89be-a2bbc3cb4482","tags":[{"product":null,"links":null,"id":"adf72f47-7f61-4239-8392-b9bcc127fa80","name":"\u65B0\u589E","color":"green","productId":"0995490e-43fc-4d6e-bc8d-8e66f38b0c63"}]},{"id":"3dc3dd55-35b0-4d23-bf62-47bc3650e4ee","tags":[{"product":null,"links":null,"id":"adf72f47-7f61-4239-8392-b9bcc127fa80","name":"\u65B0\u589E","color":"green","productId":"0995490e-43fc-4d6e-bc8d-8e66f38b0c63"}]},{"id":"80d84fbc-d0f8-4e4a-947f-e3e4de9b49b2","tags":[{"product":null,"links":null,"id":"adf72f47-7f61-4239-8392-b9bcc127fa80","name":"\u65B0\u589E","color":"green","productId":"0995490e-43fc-4d6e-bc8d-8e66f38b0c63"}]},{"id":"9152b7ca-0186-4fe3-a26f-5a05f322db07","tags":[{"product":null,"links":null,"id":"adf72f47-7f61-4239-8392-b9bcc127fa80","name":"\u65B0\u589E","color":"green","productId":"0995490e-43fc-4d6e-bc8d-8e66f38b0c63"}]}]
        
(Showing Draft Content)

使用JS代码定制交互行为

文中以一个这样的示例展示具体操作步骤。

在仪表板中单击图片,3D场景的中的部分房子消失,再次点击图片,房子出现。

3D-JS脚本


具体操作步骤如下:

1. 3D场景中添加JS脚本

单击场景设定,在属性设置中找到数据交互,打开以后可以看到自定义代码,单击右侧加号。

image

填写脚本名称,然后选择一个执行脚本的实际。这里支持场景加载完成数据图层数据改变手动触发三种执行时机。

例如我们选择了手动触发,然后在右侧编写脚本,控制四个小房子的隐藏和出现。

最后单击确定

image

type=info

提示

脚本中已支持以下两个接口,分别用于显示或隐藏数据图层。

  • enableDataLayer

  • disableDataLayer


用法示例:

sceneData.disableDataLayer("模型数据标注")

2. 在仪表板中使用

示例中是一个手动触发的JS脚本,所以这里我们添加一个图片,并为其设置左键选项为命令

image

添加一条命令,并设置命令。

image

预览效果。

3D-JS脚本