搜索和电子地图标记点的搜索定位联动

电子地图的标记点除了和“弹窗”、“下拉菜单”、“数据表格”等组件进行联动，还可以和控件中的“搜索框”组件实现搜索定位联动效果，我们在搜索框输入标记点的名称进行查找，就可以自动定位并切换到该标记点的视角。想要实现这个效果，需要使用“选中传递”功能，下面为大家介绍具体的设置步骤。

1. 搜索框的添加与设置

用山海鲸可视化打开我们的示例项目，该项目已经添加了一个标记组，里面共有三个数据标记点，并且已经在“面板设置”中为该标记组绑定了弹窗组件，如下图所示：

我们首先需要添加一个“搜索框”组件，在左侧的工具栏中选择“控件”类型，找到并点击添加“搜索框”组件，如下图所示：

在看板图层中点击选中“搜索框”组件，在右侧面板中点击切换到“数据”栏目，将数据标记点的所绑定的“名称”数据添加到“搜索字段”中，如下图所示：

然后展开“选中传递”设置，开启“传递给其他组件”设置项，如下图所示：

这样就完成了搜索框组件的基本设置，我们还可以更改一下它的样式，比如修改“提示文本”的内容，“输入文本”的字体颜色、大小等。

2. 标记点的设置

在完成搜索框组件的设置后，我们也需要对标记点进行相应的设置。首先双击“电子地图”组件进入“编辑状态”，然后在组件图层中点击选中“基础标记组”，在右侧面板中点击切换到“数据”栏目，如下图所示：

在“选中传递”中开启“接收其他组件传递”设置项，如下图所示：

这样我们就完成了标记点和搜索框组件的全部设置，我们点击退出“编辑状态”，然后在搜索框中输入标记点的名称进行查找，就会自动定位该标记点并切换到对应的视角，效果如下图所示：