微信小程序自动显示用户位置

求各位大牛指点一下 微信小程序怎样才能在不打开地图的情况下自动获取用户的地理位置 然后显示在页面上。
wx.getLocation()这个方法只能自动获取用户位置的经度和纬度,获取不到地理位置的名称。 而能获取到名称的wx.chooseLocation()又需要打开地图才能获取。
求大牛指点,万分感激!

weixin_43568975
Var丨丶Tomorrow 你好,问题解决了没,我也遇到了这个问题,解决了,望指教
5 个月之前 回复

2个回答

很简单,你已经获取到用户的经度纬度,然后把这个经度纬度换成 这个地址上的 周围的地理信息就可以了。

获取到经纬度后,使用腾讯地图sdk 把经纬度转换为地址!

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
微信小程序获取用户当前位置
本系列课程是一个实际的案列,从用户登录,自动注册用户信息,添加地址,注册会员,从用户下单,接单通知,取消订单通知,用户评价,用户信任分,接单人与下单人地址距离等等,大部分的商用小程序功能都已经包含在内。
微信小程序如何自动获取位置
首先选择下 你要使用哪个地图的接口(百度,腾讯,高德等等) 建议用高德 百度可能会有广告,腾讯地图注册的时候有BUG 17年到现在还存在 真坑 。言归正传 先去高德开放平台注册一下并新建应用,获取到key先,再去http://lbs.amap.com/api/wx/download把高德的JS下载下来并导入到你的小程序里面,然后去你的小程序的配置里面添加域名https://restapi.amap...
微信小程序临时文件位置
我们在调试微信小程序上传或下载文件时经常不知道是否成功,也不知道临时存在的目录,经过分析找到了保存时文件的位置,这样我们在调试的时候就方便多了 1、在开发工具调试时,临时文件存在user的文件下,具体如下图 WeappFileCache目录下: 2、手机上临时的位置如下图,对应目录的微信的ID号下
微信小程序位置API
1、获取位置 wx.getLocation(OBJECT) 获取当前的地理位置、速度。当用户离开小程序后,此接口无法调用;当用户点击“显示在聊天顶部”时,此接口可继续调用。 var that=this; wx.getLocation({ type: 'wgs84', success: function (res) { var latitud
微信小程序用户评价
微信小程序用户评价 用于常规的五星评价 wxml部分 <view class='service-assess'> <view class='service-assess-title'>服务评价</view> <view class='service-assess-star'> <view class='service-ass...
微信小程序之自动跳转页面
微信小程序之自动跳转页面: 页面.wxml文件中定义桌面的程序: <scroll-view> < image src="../../images/first.png"></image> </scroll-view> 在当前目录的js中的page中添加自动跳转 Page({ //监听页面显示 onShow: function () { //自...
微信小程序 获取微信用户的 openid
// 客户端 微信小程序 获取微信用户的 openid 处理onLaunch: function () { // 登录 wx.login({ success: res => { console.log("res.code:" + res.code); // 发送 res.code 到后台换取 openId, sessionKey, unionId...
微信小程序:隔特定时间获取用户位置
今天开发微信小程序时需要个每隔段时间上传用户位置的功能。 点击可直接查看解决方案 尝试 js有个setTimeout函数,功能是在指定的毫秒数后调用函数或计算表达式。原型setTimeout(code/function, milliseconds, param1, param2, ...) 参数 描述 code/functio 必需。要调用一个代码串,也可以是一个函数 m...
微信小程序之获取用户位置权限(拒绝后提醒)
小编推荐:Fundebug专注于JavaScript、微信小程序、微信小游戏,Node.js和Java实时BUG监控。真的是一个很好用的bug监控费服务,众多大佬公司都在使用。 微信小程序获取用户当前位置有三个方式: 1. wx.getLocation(多与wx.openLocation一起用)   获取当前的精度、纬度、速度。不需要授权。当type设置为gcj02 返回可用于wx.op...
微信小程序获取用户位置以及城市
做小程序的时候,有需要维护用户地理位置的地方,这时如果可以自动获取当前位置,对于提升用户体验有很大的帮助,然后查看官方文档,有个wx.getLocation接口,详细说明如下: wx.getLocation(Object object) 调用前需要 用户授权 scope.userLocation 获取当前的地理位置、速度。当用户离开小程序后,此接口无法调用。 参数 Object ob...
微信小程序如何获得用户位置权限
由于新版本小程序开发做了更动 需要在app.json档案中添加PermissionObject 结构 说明小程序获取权限时展示的接口用途 如: { "pages": ["pages/index/index"], "permission": { "scope.userLocation": { "desc": "你的位置信息将用于小程序位置接口的效果展示"
[微信小程序]微信小程序text显示两行
直接上代码 text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: ...
微信小程序个人信息显示
1.首先设计页面。<view class='tp'> <view class='top'> <view class='q'>头像:<image src='../../images/1.jpg'></image></view> <view class='q'>学号:{{no}}</v
微信小程序显示背景图片
我们可能总遇到这种情况,当我们引入本地的图片作为背景图片时(background-image)图片并未显示,引入的相对路径都是对的,导致这个现象的原因就是小程序的wxss中使用background-image时不支持显示本地图片,只支持显示线上图片和base64格式的图片,我们要转化为base64也是非常简单的: 首先打开https://www.base64-image.de/网址引入要转化的图...
微信小程序显示当前时间
  var timestamp = Date.parse(new Date()); //返回当前时间毫秒数 timestamp = timestamp / 1000; //获取当前时间 var n = timestamp * 1000; var date = new Date(n); //年 var Y = date.getFullYear(); //月...
微信小程序显示折线图
插件地址:https://github.com/xiaolin3303/wx-charts/blob/master/dist/wxcharts.js 微信小程序折线图效果: 首先需要引入一个折线图的插件: XXX.xml 的代码: <canvas style="width: 400px; height: 500px;" canvas-id="yueEle" bi...
微信小程序之获取某个位置经纬度以及地图显示
微信小程序中map地图使用——实现获取用户当前位置的经纬度,在地图上产看位置,通过地图获取不同位置的经纬度。 (前提是要弄懂结构及其相关接口) 登录开发工具(包括appid) 微信小程序主体部分:  新增页面的话进行全局配置:app.json 直接在全局配置输入page代码自动生成页面,也可手动新建。   在首页index设置按钮跳转到地理信息页面 视图层 <...
微信小程序显示当前位置与下单人距离
本系列课程是一个实际的案列,从用户登录,自动注册用户信息,添加地址,注册会员,从用户下单,接单通知,取消订单通知,用户评价,用户信任分,接单人与下单人地址距离等等,大部分的商用小程序功能都已经包含在内。
微信小程序--获取当前位置的经纬度
1.首先我们创建以下页面:页面的代码如下:<button bindtap="GPSsubmit" type="primary">获取地理位置</button> <view>维度:{{latitude}}</view> <view>经度:{{longitude}}</view>然后在js文件中写以下代码:
微信小程序 获取位置信息
微信小程序点击获取位置信息 效果图: 点击工程位置即可打开地图 小程序前端代码 <view class='inputs bg_graye gray6 font15 p_tb10 m_t15 p_lr10' bindtap='getLocation'> <label class='fl m_t5'>工程位置</label> <t...
微信小程序的获取位置API
框架提供丰富的微信原生API,可以方便的调起微信提供的能力,如获取用户信息,本地存储,获取位置等。本次我们以获取自己的位置为例:涉及到的wx.getLocation(获取当前的地理位置、速度。)需要注意的是:当用户离开小程序后,此接口无法调用;当用户点击“显示在聊天顶部”时,此接口可继续调用!参数说明:typeString否默认为 wgs84 返回 gps 坐标,gcj02 返回可用于wx.ope...
微信小程序 —— 地图上选择位置
需求分析: 一些小程序打开后,以文字形式显示用户所在位置,如果用户觉得不准,可以打开地图,在地图上自己选择位置,选择完成后,显示的用户的位置会发生变化.今天我们就来看一下如何实现这个功能 具体实现 // index.wxml // 显示位置信息(默认显示自动定位后的位置信息) <view class='address' bindta...
微信小程序-获取当前城市位置
    微信小程序-获取当前城市位置   1, 获取当前地理位置,首先要拿到用户的授权wx.openSetting;    2,微信的getLocation接口,获取当前用户的地理位置(微信返回的是经纬度,速度等参数);    3,微信没有将经纬度直接转换为地理位置,借用腾讯位置服务中关于微信小程序的地理转换JS SDK 的API(返回信息中包括国家,省,市,区,经纬度等地理位置)步骤描述清楚以后...
微信小程序中文件的保存位置
wx.downloadFile(rn url: url,rn success: function (res) rn let path = res.tempFilePathrn wx.saveFile(rn tempFilePath: path,rn success(res) rn var savedFilePath = res.savedFilePath;rn rn rnrn ,rn以上代码下载文件保存到本地,rn在电脑上的保存位置是C:\Users\Administrator\AppData\Local\微信web开发者工具\User Data\WeappFileSystem\o6zAJszQ6Ob4xM-vP7nrv0ozOw-U\wxe371b77dd8e92520\storern在手机上呢,找不阿
微信小程序8 位置与设备api
位置 wx.getLocation(OBJECT) 获取当前的地理位置、速度。当用户离开小程序后,此接口无法调用;当用户点击“显示在聊天顶部”时,此接口可继续调用 wx.getLocation({ type: 'wgs84', success: function(res) { var latitude = res.latitude var longitud
开发基于位置的天气微信小程序
个人网址:weather51.com年前,利用业余时间开发了一个天气类的微信小程序,请先看效果:主要开发过程如下:1、小程序注册及开发准备https://mp.weixin.qq.com/debug/wxadoc/introduction/index.html?t=20171182、搭建微信小程序服务端小程序后台服务需要通过 HTTPS 访问,在开发之前,我们要准备域名和 SSL 证书。 2.1 ...
微信小程序地图定位当前位置
首先wxml引入map组件<!-- map.wxml --> <map id="map" longitude="113.324520" latitude="23.099994" scale="14" controls="{{controls}}" bindcontroltap="controltap" markers="{{markers
微信小程序学习之路——API位置
位置 获取位置 在国际上,坐标体系有多套标准,小程序支持WGS84标准和GCJ02标准,WGS84是地球坐标,国际上通用的坐标系。设备一般包含的GPS芯片或者北斗芯片所获取的经纬度是WGS84地理做白哦西。GCJ02坐标系为火星坐标系,是由中国国家测绘局指定的地理信息系统的坐标系统,它是由WGS84坐标系加密后的坐标系,它是在小程序中,查看位置需要使用GCJ02标准坐标。 wx.getLoc...
微信小程序获取详细位置信息
我们要实现的是,点击一个按钮然后,跳转到地图位置选择页面,选择完位置之后,拿到详细的数据信息(经度、纬度、选择名称、选择的详情)多了不说,直接上代码。 1.wxml <view class='mapContainer'> <view class='longitude'> <text class='cont'> ...
微信小程序获取位置信息
view: <view class="section"> <view class="section__title">省市区选择器</view> <picker mode="region" bindchange="bindRegionChange" value="{{region}}" custom-i
微信小程序地图选择位置
代码片段 select.wxml <view><label>详细地址:</label> <text>{{location}}</text><button bindtap='getLocation'>选择位置</button></view> select.js Page({ d
微信小程序--获取当前位置信息
本博文的例子思路是设置初始城市名为广州市,然后通过点击按钮获取自己城市名。把广州市替换为自己的城市名。 查看官方开发文档 官方文档 wx.getLocation(OBJECT) 获取当前的地理位置、速度。当用户离开小程序后,此接口无法调用 OBJECT参数说明: 参数 类型 必填 说明 最低版本 type String 否 默认为 wgs...
微信小程序-打开地图选择位置
 微信小程序地图自动定位位置:   方法步骤如下: 1.申请获取用户地址的权限; 2.打开地图选择; 3.由于获取到的地址是一串字符串,所以必须通过经纬度反查地址分隔省市县;(如不需要分隔可省略)获取之后自动填充到表单中。 在wxml中点击触发以下方法即可 getCenterLocation() { var that = this; wx.authorize({...
微信小程序地图上选择位置
实现效果很多小程序都有如下需求:小程序打开后,以文字形式显示用户所在位置,如果用户觉得不准,可以打开地图,在地图上自己选择位置,选择完成后,显示的用户的位置会发生变化点击地址选择地点选择地点之后源码实现下面不仅仅是源码,还希望通过源码尽量讲解小程序的相关知识视图 index.wxmlindex.wxml: <view class='address' bindtap='onChangeAddr...
微信小程序位置坐标信息
  微信小程序获取位置信息 wx.getLocation({ type: 'wgs84', success: function(res) { var latitude = res.latitude var longitude = res.longitude var speed = res.speed var accuracy = res.accurac...
微信小程序获得当前位置信息
本系列课程是一个实际的案列,从用户登录,自动注册用户信息,添加地址,注册会员,从用户下单,接单通知,取消订单通知,用户评价,用户信任分,接单人与下单人地址距离等等,大部分的商用小程序功能都已经包含在内。
微信小程序-微信小程序-v2ex
微信小程序-v2ex 前言 微信小程序 如果还不知道微信小程序的,请这边了解官方文档. 最新版0.9.092300(下载按钮被箭头挡住,需要审查元素找到下载链接),已经可以支持绝大部分api的调试,不需要再破解了。 运行 下载微信开发者工具最新版0.9.092300,创建新项目,导入即可看到运行效果 说明 本人出于兴趣,完成了这个简单的v2ex的微信小程序,只是为了熟悉api,纯粹好玩,欢迎star 由于微信小程序现在正在内测,还有不少问题,因此这个v2ex小程序最新tab内容点击主题会报错 现在代码和样式尚且粗陋,也有一些可待优化地方,因此欢迎有兴趣的同行与我一起继续完善,thx。 如有转载,请注明出处,谢谢! 效果预览: 感谢 v2ex数据api基本上使用了samuel1112的仓库v2er里封装的方法,特此表示感谢
微信小程序-微信小程序:音乐播放器
微信小程序: 音乐播放器 歌曲资源来源于 baidu音乐 截图 TODO 收藏列表 切换上一曲/下一曲
《微信小程序》微信小程序之头条新闻
简介上一篇文章,主要是介绍下微信小程序的开发环境安装和微信组件什么的一些基础的开发内容,所以最近一直在业余找练手的机会。由于之前没有接触过JS,自己学习起来还算是比较的吃力,一点一点的来吧!要持久。先看下效果: 代码已经开源
微信小程序-微信小程序demo
简介 这是微信小程序的demo项目, 练手之作, 对各种常用功能给出示例代码, 希望各位不吝补充. 使用方法 直接clone项目之后导入微信开发者工具即可. 大概是个什么样 一些额外说明 所有例子都是用ES6写的. 如果你有cocos2d-js开发经验, 那么这个项目就是在向cocos2d-js官方demo致敬. 我正在尝试将redux数据流引入微信小程序开发, 如果你有相关经验, 欢迎和我交流. css只能保存之后看效果, 尚没有什么好的调试手段. 开发建议 请注意事件无法绑定参数 下面的代码是无效的:<button type="primary">发送Ajax请求</button> 需要使用下面方法: <button type="primary">发送Ajax请求</button> ... handleBtn(e){ wx.navigateTo({ url: e.target.dataset.url }) }, 联系方式 拉了个qq群: 598632313
相关热词 c++和c#哪个就业率高 c# 批量动态创建控件 c# 模块和程序集的区别 c# gmap 截图 c# 验证码图片生成类 c# 再次尝试 连接失败 c#开发编写规范 c# 压缩图片好麻烦 c#计算数组中的平均值 c#获取路由参数