输入框搜索二维标记的使用

最近更新时间:2025-03-14 17:26:42

我的收藏

操作场景

输入框作为交互组件,可把输入的值通过变量传递给别的组件(下拉框、时间选择器均是类似用法,可套用)。

实现效果

输入框输入北京,则三维标记显示在北京,输入框输入成都,则三维标记显示在成都。

操作步骤

1. 管理中心添加数据源,格式选择离线文件,单击下载示例数据 后。 将下载好的文件后上传至产品中。
2. 在编辑页面添加输入框组件,单击数据模块选择静态数据,无需填入任何值。
3. 场景选择中国版块,并添加三维标记图片标记,给图片标记添加刚上传的离线文件内容。



4. 在变量挂载处,添加一个变量,变量名称设为 a,默认值可不填,假设不填,绑定该变量。






5. 在过滤器中写入简单语句,把变量 a 的值给到 city,只显示具体 city 下的数据内容。由于变量默认值为空,则无任何值给到 city,则经过过滤器后数据为空。
6. 给输入框组件,添加联动事件,设置完成后,单击确定
触发条件:选择失去焦点时
实现动作:选择变量赋值。让变量 a 与输入框字段 content 建立关系。
7. 单击预览按钮,在输入框中输入北京,鼠标失焦,则三维标记显示在北京,输入成都,则三维标记显示在成都。






说明:
上方为了方便用户体验完整流程,选择离线文件的数据类型来实现,也可使用其他类型的数据源。