uniapp 小程序用高德地图sdk

第一步:注册高德地图、下载微信小程序SDK 

第二步:引入 sdk 文件 

 
uniapp 小程序用高德地图sdk_第1张图片

 

 第三步:使用高德地图 方法 获取当前位置  在onload 里边

let that=this

this.amap.getRegeo({

       type: 'gcj02', //map 组件使用的经纬度是国测局坐标, type 为 gcj02

       success: function(res) {

       const latitude = res[0].latitude;

      const longitude = res[0].longitude;

      that.longitude = longitude;

       that.latitude = latitude;

},

fail: (res) => {

      console.log(JSON.stringify(res));

}

})

地图这个时候应该就能出来了,下边还有根据一个点 获取周边位置信息列表
uniapp 小程序用高德地图sdk_第2张图片

 注意一下,getPoiAround这个方法 接口里边一次只返回20条数据,如果还想获取更多周边 数据,就需要传一个 页数 page 这个参数,每次下滑时 page加1,这样就能获取下一页接口返回的 周边信息
uniapp 小程序用高德地图sdk_第3张图片

 我刚开始写的时候发现了这个,所以在请求的时候 加了这个page 参数,但是我发现 没有起作用,然后我就在 最开始第一步下载的那个sdk 里边找到了这个方法,如图: 

uniapp 小程序用高德地图sdk_第4张图片

 然后就是根据关键字搜索,这个和上边那个一样 可以加page 参数  count 就是搜索结果的 总条数
uniapp 小程序用高德地图sdk_第5张图片

 输入提示-API文档-开发指南-Web服务 API | 高德地图API    这个是高德地图apI 官方文档,每个接口里的参数都有说明,比较好用

你可能感兴趣的:(小程序,微信小程序)