一个基于React的地图搜索组件demo项目,使用Leaflets插件作为地图容器,利用高德地图提供的poi接口实现地图搜索。
目的:将搜索功能封装成一个组件,以便其他项目可以通过引入此组件快速添加地图搜索功能。只需在已经使用Leaflets插件的项目中新增一行代码即可实现搜索功能,这样任何使用Leaflets插件的项目都能方便地添加地图搜索功能。
技术栈:React、Leaflets、高德搜索POI 2.0
功能:
关键字搜索
结果标到地图上
鼠标移入结果列表,地图跳转到对应位置并弹窗