微信小程序高德地图简单集成

本人也是小白,学习微信小程序地图的集成.

首先你要去高德开放平台上我的控制台上创建一个应用,获取key值:http://lbs.amap.com/

微信小程序高德地图简单集成

再根据文档去下载 amap-wx.js 文件 地址http://lbs.amap.com/api/wx/guide/route/route,

在打开已经创建的小程序目录,在目录添加libs文件夹,把amap-wx.js放进去

微信小程序高德地图简单集成

然后看代码操作:

js文件中:

微信小程序高德地图简单集成

wxml:

微信小程序高德地图简单集成

wxss:

微信小程序高德地图简单集成

注意的就是要把key加进去.

然后就可以完成一个简单的小程序定位:

微信小程序高德地图简单集成

还有一个问题就是在手机上看不到,模拟器能看到不知道什么原因,远程调试也能操作.