微信小程序使用高德地图(amap)实现检索定位附近周边的POI功能示例

您所在的位置:网站首页 微信小程序调用地图api 微信小程序使用高德地图(amap)实现检索定位附近周边的POI功能示例

微信小程序使用高德地图(amap)实现检索定位附近周边的POI功能示例

2024-07-17 12:11| 来源: 网络整理| 查看: 265

先给大家看一下效果图展示:

1、登录高德地图开发者平台 https://lbs.amap.com/,申请接口Key

 2、在高德开发平台下载微信小程序SDK,https://lbs.amap.com/api/wx/download

解压下载的文件得到 amap-wx.js ,在创建的项目中,新建一个名为 libs 目录,将 amap-wx.js 文件拷贝到 libs 的本地目录下。

3、微信小程序后台添加安全域名(这个必须设置,不然无法使用定位功能)

登录微信公众平台,在 "设置" → "开发设置" 中设置 request 合法域名,将 https://restapi.amap.com 中添加进去,如下图所示:

4、具体代码 index.wxml


【本文地址】


今日新闻


推荐新闻


    CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3