高德+Leaflets地图搜索组件

企业服务 行业细分软件 案例ID:233567
Sincerely
3 年经验· yisa以萨、ncs恩士迅
微信扫码沟通,客服可协助直接对接工程师;如当前档期不合,也可继续推荐相似案例作者。

案例介绍

一个基于React的地图搜索组件demo项目,使用Leaflets插件作为地图容器,利用高德地图提供的poi接口实现地图搜索。

目的:将搜索功能封装成一个组件,以便其他项目可以通过引入此组件快速添加地图搜索功能。只需在已经使用Leaflets插件的项目中新增一行代码即可实现搜索功能,这样任何使用Leaflets插件的项目都能方便地添加地图搜索功能。

技术栈:React、Leaflets、高德搜索POI 2.0

功能:

关键字搜索
结果标到地图上
鼠标移入结果列表,地图跳转到对应位置并弹窗

高德+Leaflets地图搜索组件

企业服务 · 行业细分软件 案例ID:233567
联系该工程师
微信扫码,建群沟通
作者: Sincerely - 3年经验- yisa以萨、ncs恩士迅

案例介绍

一个基于React的地图搜索组件demo项目,使用Leaflets插件作为地图容器,利用高德地图提供的poi接口实现地图搜索。

目的:将搜索功能封装成一个组件,以便其他项目可以通过引入此组件快速添加地图搜索功能。只需在已经使用Leaflets插件的项目中新增一行代码即可实现搜索功能,这样任何使用Leaflets插件的项目都能方便地添加地图搜索功能。

技术栈:React、Leaflets、高德搜索POI 2.0

功能:

关键字搜索
结果标到地图上
鼠标移入结果列表,地图跳转到对应位置并弹窗

相似案例推荐

发布任务

企业点击发布任务,工程师会在任务下报名,招聘专员也会在 1 小时内与您联系确认。

1小时精推人才

需求方专属客服,免费梳理匹配

需求方客服微信二维码
扫码加微信 · 客服人工对接
更多案例
微信沟通 客服 看中这位工程师了?客服帮你 1 小时对接沟通 → ×