2025年3月15日 星期六 甲辰(龙)年 月十四 设为首页 加入收藏
rss
您当前的位置:首页 > 计算机 > 编程开发 > 小程序

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

时间:12-14来源:作者:点击数:11
CDSY,CDSY.XYZ

小程序提供了获取用户地理位置的能力,只不过需要用户授权,一般用户都会同意的,但是获取到的只是经纬度,我们还需要调用其他的地图 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);
  • }
  • });
CDSY,CDSY.XYZ
方便获取更多学习、工作、生活信息请关注本站微信公众号城东书院 微信服务号城东书院 微信订阅号
推荐内容
相关内容
栏目更新
栏目热门
本栏推荐