本文实例为大家分享了微信小程序实现自动定位的具体代码,供大家参考,具体内容如下

使用了腾讯地图提供的免费api:

需要引入一个js文件:下载地址

js代码:

// 引入SDK核心类

var QQMapWX = require('../../libs/qqmap-wx-jssdk.js');

var qqmap = new QQMapWX({

//在腾讯地图开放平台申请密钥 http://lbs.qq.com/mykey.html

key: 'your KEY'

});

Page({

data: {

myLatitude: "",

myLongitude: "",

myAddress: ""

},

onLoad: function(){

var that = this

//用微信提供的api获取经纬度

wx.getLocation({

type: 'wgs84',

success: function(res){

that.setData({myLatitude: res.latitude, myLongitude: res.longitude})

//用腾讯地图的api,根据经纬度获取城市

qqmap.reverseGeocoder({

location: {

latitude: that.data.myLatitude,

longitude: that.data.myLongitude

},

success: function (res) {

console.log(res)

var a = res.result.address_component

//获取市和区(区可能为空)

that.setData({myAddress: a.city + a.district})

//控制台输出结果

console.log(that.data.myAddress)

}

})

}

})

}

})

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

android 微信小程序 gps 飘,微信小程序实现自动定位功能相关推荐

  1. android 微信小程序 gps 飘,微信小程序 自带 GPS 定位的坑

    微信小程序打卡定位调试了一天始终差五百多米.百度坐标转换各种问题都找了都没问题,最终发现是小程序自带定位有问题,文档里也没有写,大坑. const getLocation = function(cal ...

  2. android开机自动打开微信小程序,Android APP拉起小程序界面 (微信未启动 打不开)...

    官方地址 开发前需下载Android开发工具包(SDK),可前往下载 调用接口:WXLaunchMiniProgram 移动应用跳转到小程序示例: String appId = "wxd93 ...

  3. android微信下拉出现小程序,仿新版微信的小程序下拉栏

    原标题:仿新版微信的小程序下拉栏 本项目会对金融交易软件中存在的各种View进行模仿绘制,提供详细的实现思路,收集整理相关算法.文档以及专业资料. https://github.com/scsfwgy ...

  4. android微信小程序支持横屏,微信最新内测版本:小程序支持横屏使用!

    原标题:微信最新内测版本:小程序支持横屏使用! 打开百度搜索小程序横屏,你会看到满屏的网友提问是否能横屏?怎么操作能横屏? 当然不能. 不过,在8月30日,微信微信团队对外发布了iOS微信最新众测版本 ...

  5. 非典型程序员的微信小程序开发纪实

    作为一个非典型程序员,祁劲松主导开发了一系列微信小程序(如IP查询.邮编库.查号吧+.手机归属.一把刀新华字典等).在开发过程中,他遇到了很多难题,并进行了多方位的思考,在他看来: 微信小程序的开发并 ...

  6. 快手小店电脑版_微信PC版更新!支持在小程序中使用微信支付 | 一周资讯

    小程序1. 微信PC版更新,支持在小程序中使用微信支付.12月19日,微信PC端推出内测版2.7.2.73,新版本支持以下新功能:新增看一看精选内容,新的订阅号浏览体验,支持在小程序中使用微信支付.( ...

  7. js微信监听返回_微信小程序(2)- 框架结构amp;运行环境

    一.小程序框架结构 小程序框架分场景获取.逻辑层和视图层 场景获取:场景值是用来描述用户进入小程序的路径,可以在小程序的生命周期onLaunch 或 onShow 里获取.也可以通过wx.getLau ...

  8. 微信小程序开发学习笔记001--认识微信小程序,第一个微信小程序

    第一天,认识微信小程序,第一个微信小程序 1.什么是微信小程序? 是h5网页嘛?不是 微信张小龙说: 小程序是一种不需要下载安装即可使用的应用, 它实现了应用"触手可及"的梦想,用 ...

  9. 挑战微信、试探苹果?支付宝小程序可添加到 iOS 手机桌面

    点击上方"CSDN",选择"置顶公众号" 关键时刻,第一时间送达! [CSDN编者按]从微信小程序到快应用,移动互联网正面临着一场重新洗牌.以往的应用分发模式已 ...

  10. URL Scheme-短信、邮件、微信外网页等场景打开小程序

    URL Scheme--适用于从短信.邮件.微信外网页等场景打开小程序. 通过 URL Scheme 打开小程序的场景值为 1065. 生成的 URL Scheme 如下所示: weixin://dl ...

最新文章

  1. 广东省卫生2021副高考试成绩查询,中国卫生人才网:广东2021卫生资格考试成绩查询入口 -中国卫生人...
  2. 关于微服务的7个疑问和解答!
  3. 【1】ASP.NET异步(1)
  4. 原生js写三级联动 java_原生js三级联动的简单实现代码
  5. ssh作业批改系统_如何看待「全国至少十省份叫停家长批改作业」?能否从根源解决问题?...
  6. cartographer学习笔记--如何保存cartagrapher_ros建好的地图
  7. [LeetCode]119.Pascal#39;s Triangle II
  8. 大数据|意不意外?今年卖得最好的月饼是这个馅的……
  9. 小程序开发 宽度100%_这是您作为开发人员可以实现100%年度目标的方式
  10. React全家桶项目
  11. Codeforces Round #184 (Div. 2)
  12. 安卓系统怎么样不Root激活XPOSED框架的方法
  13. Asp.net服务器端控件替换客户端控件
  14. 网易常用镜像及使用方式
  15. 近年来的Java面试题汇总。帮你圆大厂梦。
  16. Linux/服务器中文件下载
  17. DWR 一些注意的地方
  18. 第二章 ObjectARX类库简介
  19. 思想一年一年进步才好
  20. 内网渗透-红队内网渗透工具(Viper)

热门文章

  1. 谷歌生物医学专用翻译_实用技能 | 知云文献翻译
  2. 网络虚拟化之虚拟交换机技术Linux Bridge
  3. 解决app安装失败,并出现Package [pkg1] attempting to redeclare permission [perm] already owned by [pkg2]异常的问题
  4. iframe 的基本用法
  5. 视频教程-零基础Python自动化办公(漫画版)-Python
  6. Topaz Glow for Mac 2.0.0 破解版下载 PS光效果滤镜 发光光线效果
  7. SpringBootJ2EE相关介绍
  8. 医学激光成像仪行业研究及十四五规划分析报告
  9. Python3 wxPython库
  10. Google Code Jam