在小程序中使用腾讯地图定位

Question

小程序提供了获取用户地理位置的能力，只不过需要用户授权，一般用户都会同意的，但是获取到的只是经纬度，我们还需要调用其他的地图 API 把经纬度转换为地名，这篇文章给大家介绍在小程序中使用腾讯地图定位。

腾讯地图针对小程序开发了一个 SDK ，地址：http://lbs.qq.com/qqmap_wx_jssdk/index.html

腾讯位置服务为微信小程序提供了基础的标点能力、线和圆的绘制接口等地图组件和位置展示、地图选点等地图API位置服务能力支持，使得开发者可以自由地实现自己的微信小程序产品。

在此基础上，腾讯位置服务微信小程序JavaScript SDK是专为小程序开发者提供的LBS数据服务工具包，可以在小程序中调用腾讯位置服务的POI检索、关键词输入提示、地址解析、逆地址解析、行政区划和距离计算等数据服务，让您的小程序更强大！

使用方法

引入相关的 JS 文件

var QQMapWX = require('../../utils/qqmap-wx-jssdk.js')
var util = require("../../utils/util.js")
var qqmapsdk

在页面加载完成的时候，获取用户的经纬度

var athis = this;
var userLocation = wx.getStorageSync('userLocation');
if (userLocation){
 wx.getLocation({
 success: function (res) {
 wx.setStorageSync('userLocation', res);
 }
 })
}

调用 SDK 将经纬度转换为具体的地名

qqmapsdk = new QQMapWX({
 key: 'ZISBZ-EL236-LZQSW-M3ZYR-YBMXV-3CFZP'
});
var userLocation = wx.getStorageSync('userLocation');
qqmapsdk.reverseGeocoder({
 location: {
 latitude: userLocation.latitude,
 longitude: userLocation.longitude
 },
 success: function (res) {
 console.log(res.result.address_component.street);
 athis.setData({
 userLocationVal: res.result.address_component.street
 })
 },
 fail: function (res) {
 console.log(res);
 },
 complete: function (res) {
 //console.log(res);
 }
});