高质量编码-GIS搜索框

GIS中经常遇见通过搜索框搜索要素，同时地图同步高亮显示的需求。本文介绍一种实现方式。

效果如下。

点击空格默认搜索所有

输入时智能下拉列表提示，下拉提示数量可以配置。

点击搜索按钮或者按Enter键会分页显示结果，同时翻页时地图会缩放至并高亮显示当前页结果。

可以选择在哪些图层中搜索

搜索点击列表某一条数据地图会缩放至并高亮显示这个点。

点击清除，会清除下拉列表，并清除地图上搜索结果。

这个功能使用的是后端搜索，所以需要我们后台搜索接口请求响应足够迅速，使用的正是《高质量代码-智慧城市GIS平台后端代码》介绍的那个接口。下文我们继续介绍前端实现。