微信小程序如何用map组件精准搜索定位周边信息？

本文共计1348个文字，预计阅读时间需要6分钟。

原文示例：本文实例讲述了微信小程序使用map组件实现定位周边的POI功能。分享给大众，仅供参考，具体如下：+ 声明bug：页面顶部分类[汽车服务、汽车销售等]列表和页脚的详细地。

改写后：本文以微信小程序为例，展示了如何利用map组件实现周边POI的定位功能。以下内容供大家参考，具体包括：+ 提示：页面顶部分类列表（如汽车服务、汽车销售等）及页脚的详细信息。

本文实例讲述了微信小程序使用map组件实现检索(定位位置)周边的POI功能。分享给大家供大家参考，具体如下：

声明

bug： 页面顶部分类列表和页脚的详细地址在真机测试是会出现不显示问题？

造成原因：在小程序map组件的同一区域，map组件的视图层比普通的文本视图层要高，所以在真机会遮挡！

解决办法：将该文本视图采用cover-view，放在map中。

感谢： 感谢Lrj_estranged指出问题！

效果图

实现方法

1. 地图采用微信小程序提供的map组件；

2. 周边的数据坐标点通过高德地图提供的API接口，获取定位位置的周边或者指定位置周边的数据。