[{"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"}]}]
文中以一个这样的示例展示具体操作步骤。
在仪表板中单击图片,3D场景的中的部分房子消失,再次点击图片,房子出现。
具体操作步骤如下:
单击场景设定,在属性设置中找到数据交互,打开以后可以看到自定义代码,单击右侧加号。
填写脚本名称,然后选择一个执行脚本的实际。这里支持场景加载完成、数据图层数据改变和手动触发三种执行时机。
例如我们选择了手动触发,然后在右侧编写脚本,控制四个小房子的隐藏和出现。
最后单击确定。
type=info
提示
脚本中已支持以下两个接口,分别用于显示或隐藏数据图层。
enableDataLayer
disableDataLayer
用法示例:
sceneData.disableDataLayer("模型数据标注")
示例中是一个手动触发的JS脚本,所以这里我们添加一个图片,并为其设置左键选项为命令。
添加一条命令,并设置命令。
预览效果。