前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >高质量编码-GIS搜索框

高质量编码-GIS搜索框

原创
作者头像
MiaoGIS
修改2019-07-05 10:47:59
4320
修改2019-07-05 10:47:59
举报
文章被收录于专栏:Python in AI-IOTPython in AI-IOT

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

效果如下。

点击空格默认搜索所有
点击空格默认搜索所有
输入时智能下拉列表提示,下拉提示数量可以配置。
输入时智能下拉列表提示,下拉提示数量可以配置。
点击搜索按钮或者按Enter键会分页显示结果,同时翻页时地图会缩放至并高亮显示当前页结果。
点击搜索按钮或者按Enter键会分页显示结果,同时翻页时地图会缩放至并高亮显示当前页结果。
可以选择在哪些图层中搜索
可以选择在哪些图层中搜索
搜索点击列表某一条数据地图会缩放至并高亮显示这个点。
搜索点击列表某一条数据地图会缩放至并高亮显示这个点。
点击清除,会清除下拉列表,并清除地图上搜索结果。
点击清除,会清除下拉列表,并清除地图上搜索结果。

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

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档