图观产品问答

范例简介：

该范例展示了应用编辑器中使用框选控件进行地标图框选操作，框选后地标图图标高亮，发送框选对象ID的消息参数的功能及配置方法，范例中选中框选类型进行框选操作，再次点击框选类型或点击清空取消框选操作，右下角iFrame控件会接收框选结果并显示。

范例截图：

PC在线体验：
https://www.tuguan.net/online-experience/application-configuration.html#example-type73_port

B站视频演示：
https://www.bilibili.com/video/BV1kC4y1J7AQ/?t=1&spm_id_from=333.1350.jump_directly

范例简介：

该范例展示了应用编辑器中使用框选控件进行地标图框选操作，框选后地标图图标高亮不发送参数的功能及配置方法，范例中选中框选类型进行框选操作，再次点击框选类型或点击清空取消框选操作。

范例截图：

PC在线体验：
https://www.tuguan.net/online-experience/application-configuration.html#example-type72_port

B站视频演示：
https://www.bilibili.com/video/BV1xu4y1a7Rf/?t=3&spm_id_from=333.1350.jump_directly

范例简介：

该范例展示了应用编辑器中使用iFrame控件，订阅接收消息的功能及配置方法，范例中点击地标图，iFrame控件接收并显示应用编辑器发送的参数消息。

范例截图：

PC在线体验：
https://www.tuguan.net/online-experience/application-configuration.html#example-type71_port

B站视频演示：
https://www.bilibili.com/video/BV1gH4y167bx/?t=2&spm_id_from=333.1350.jump_directly

范例简介：

该范例展示了应用编辑器中iFrame控件发送多参数消息，图层收到消息后触发加载的功能及配置方法，范例中点击发送消息按钮，图层收到消息前，播放默认不显示图层，接收到消息后，图层筛选并显示消息中对象图层，收到取消消息后，图层恢复原来状态 。

范例截图：

PC在线体验：
https://www.tuguan.net/online-experience/application-configuration.html#example-type70_port

B站视频演示：
https://www.bilibili.com/video/BV1yC4y1J7kS/?t=1&spm_id_from=333.1350.jump_directly

范例简介：

该范例展示了应用编辑器中轨迹图播放过程中，接收iFrame控件发送的多参数消息，图层收到消息后触发筛选的功能及配置方法，范例中点击发送消息按钮，图层收到消息前，播放默认不显示图层，接收到消息后，图层筛选并显示消息中对象图层，收到取消消息后，图层恢复原来状态 。

范例截图：

PC在线体验：
https://www.tuguan.net/online-experience/application-configuration.html#example-type69_port

B站视频演示：
https://www.bilibili.com/video/BV1Ny4y1w7fK/?t=3&spm_id_from=333.1350.jump_directly

范例简介：

该范例展示了应用编辑器中iFrame控件发送多参数消息，图层收到消息后图标高亮显示的功能及配置方法，范例中点击发送消息按钮，页面中轨迹图图标高亮，取消或清除发送消息，图层图标取消高亮。

范例截图：

PC在线体验：
https://www.tuguan.net/online-experience/application-configuration.html#example-type68_port

B站视频演示：
https://www.bilibili.com/video/BV1gy4y1w7cr/?t=1&spm_id_from=333.1350.jump_directly

范例简介：

该范例展示了应用编辑器中使用数据源配置图层并使用框选控件进行地标图搜索操作的功能及配置方法，范例中在搜索控件输入搜索内容，搜索内容在右下角iFrame控件中显示同时iFrame将匹配结果返回，场景中筛选显示图层。

范例截图：

PC在线体验：
https://www.tuguan.net/online-experience/application-configuration.html#example-type66_port

B站视频演示：
https://www.bilibili.com/video/BV1Ny4y1w7ME/?t=6&spm_id_from=333.1350.jump_directly

范例简介：

该范例展示了应用编辑器中使用数据接口配置图层并使用框选控件进行地标图搜索操作的功能及配置方法，范例中在搜索控件输入搜索内容，搜索内容在右下角iFrame控件中显示同时iFrame将匹配结果返回，场景中筛选显示图层。

范例截图：

PC在线体验：
https://www.tuguan.net/online-experience/application-configuration.html#example-type66_port

B站视频演示：
https://www.bilibili.com/video/BV1hu4y177Zo/?spm_id_from=pageDriver

范例简介：

该范例展示了应用编辑器中使用数据源配置图层并使用搜索控件进行地标图搜索操作的功能及配置方法，范例中输入搜索内容，高亮符合输入框搜索条件的地标图层。

范例截图：

PC在线体验：
https://www.tuguan.net/online-experience/application-configuration.html#example-type65_port

B站视频演示：
https://www.bilibili.com/video/BV1dQ4y1J7dC/?t=2&spm_id_from=333.1350.jump_directly

范例简介：

该范例展示了应用编辑器中使用数据接口配置图层并使用搜索控件进行地标图搜索操作的功能及配置方法，范例中输入搜索内容，高亮符合输入框搜索条件的地标图层。

范例截图：

PC在线体验：
https://www.tuguan.net/online-experience/application-configuration.html#example-type64_port

B站视频演示：
https://www.bilibili.com/video/BV11C4y1J77L/?t=1&spm_id_from=333.1350.jump_directly

范例简介：

该范例展示了应用编辑器中环图与多列表之间的参数联动筛选，范例中点击图表进行参数联动筛选。

范例截图：

PC在线体验：
https://www.tuguan.net/online-experience/application-configuration.html#example-type63_port

B站视频演示：
https://www.bilibili.com/video/BV1hw411s7qE/?spm_id_from=333.788

范例简介：

该范例为使用图观城市编辑器生成的大规模城市 风格09的北京市场景

范例截图：

PC在线体验：
https://www.tuguan.net/online-experience/application-example.html#example-type243.scenes.general

B站视频演示：
https://www.bilibili.com/video/BV1NB4y1Z7AT/?spm_id_from=888.80997.embed_other.whitelist&t=1

微信扫一扫 手机上浏览

范例简介：

该范例为使用图观城市编辑器生成的大规模城市 风格08的北京市场景

范例截图：

PC在线体验：
https://www.tuguan.net/online-experience/application-example.html#example-type244.scenes.general

B站视频演示：
https://www.bilibili.com/video/BV1uN411x7pf/?spm_id_from=888.80997.embed_other.whitelist&t=1

微信扫一扫 手机上浏览

范例简介：

该范例为使用图观城市编辑器生成的大规模城市 风格07的北京市场景

范例截图：

PC在线体验：
https://www.tuguan.net/online-experience/application-example.html#example-type245.scenes.general

B站视频演示：
https://www.bilibili.com/video/BV1Dw411X7Hn/?spm_id_from=888.80997.embed_other.whitelist&t=3

微信扫一扫 手机上浏览

范例简介：

该范例为使用图观城市编辑器生成的大规模城市 风格06的北京市场景

范例截图：

PC在线体验：
https://www.tuguan.net/online-experience/application-example.html#example-type246.scenes.general

B站视频演示：
https://www.bilibili.com/video/BV1TM411R7GM/?spm_id_from=888.80997.embed_other.whitelist&t=1

微信扫一扫 手机上浏览

范例简介：

该范例为使用应用编辑器配置的“重大活动安全指挥平台”应用，该应用使用了端渲染 大规模城市 挖洞嵌入精细建筑 场景，包含活动安保、活动周边、现场指挥3个专题，涉及地标图、区域图、事件图等多种业务图层，涵盖对象详情查看、状态切换等多种交互功能。

范例截图：

PC在线体验：
https://www.tuguan.net/publish/app/v3.3.4/#/gg1k62qu

B站视频演示：
https://www.bilibili.com/video/BV1gw41117KL/?spm_id_from=888.80997.embed_other.whitelist&t=2

微信扫一扫 手机上浏览

暂不支持，敬请期待

范例简介：

该范例为端渲染 海底隧道 的场景

范例截图：

PC在线体验：
https://www.tuguan.net/online-experience/application-example.html#example-type238.scenes.city

B站视频演示：
https://www.bilibili.com/video/BV1MC4y157Uk/?spm_id_from=888.80997.embed_other.whitelist&t=2

微信扫一扫 手机上浏览

范例简介：

该范例为使用应用编辑器配置的“科技园区运营管理中心”应用，该应用使用了端渲染 科技园区 场景，包含科技园区运营管理中心1个专题，涉及地标图、热力图、事件图、区域图等多种业务图层，涵盖对象详情查看、状态切换等多种交互功能。

范例截图：

PC在线体验：
https://www.tuguan.net/publish/app/v3.3.4/#/3dj3wbnshttps://www.tuguan.net/publish/app/v3.3.4/#/cjkrntpq

B站视频演示：
https://www.bilibili.com/video/BV1xP411a7o3/?spm_id_from=888.80997.embed_other.whitelist&t=2

微信扫一扫 手机上浏览

暂不支持，敬请期待

范例简介：

该范例为使用应用编辑器配置的“智慧小区物业管理平台”应用，该应用使用了端渲染 高端住宅 场景，包含小区概况、工单事项2个专题，涉及地标图、路径图、事件图、轨迹图等多种业务图层，涵盖对象详情查看、状态切换等多种交互功能。

范例截图：

PC在线体验：
https://www.tuguan.net/publish/app/v3.3.4/#/3dj3wbns

B站视频演示：
https://www.bilibili.com/video/BV1M34y1M72r/?spm_id_from=888.80997.embed_other.whitelist&t=13

微信扫一扫 手机上浏览

暂不支持，敬请期待

范例简介：

该范例用于展示数据驱动下大量动态孪生体对象标牌属性动态变化的功能

范例截图：

PC在线体验：
https://www.tuguan.net/online-experience/CIM.html#example-type29_stream

B站视频演示：
https://www.bilibili.com/video/BV1zp4y1M7pn/?vd_source=2e83a17e7aa8b8ef22575d5210cd6d91