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

程序提供了获取用户地理位置的能力,只不过需要用户授权,一般用户都会同意的,但是获取到的只是经纬度,我们还需要调用其他的地图 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);

}

});

以上是 在小程序中使用腾讯地图定位 的全部内容, 来源链接: www.h5w3.com/231826.html

回到顶部