微信小程序—选择地理位置并显示

先看下官方

这个跟request等其他的api的调用是一样的，也有success和fail
看下wxss

 <view class="section"><view bindtap="getLocation" wx:if="{{address==''}}">点击我选择位置</view><view bindtap="getLocation" wx:if="{{address!=''}}">{{address}}</view></view>

然后就是JS的编写，我这里不需要到经纬度所以就没写经纬度，但是res的数据还是会带有的

getLocation: function () {var that = this;wx.chooseLocation({success: function (res) {console.log(res);var address = res.address+res.name;that.setData({address: address})}})},

看下res的数据

大概就这样

微信小程序—选择地理位置并显示相关推荐

微信小程序获取地理位置（显示地图并显示经纬度）
今天来说一下怎么显示地图并获取经纬度(获取到经纬度后显示地图) 首先我们先创建一个项目结构如下我们先来看一下wxml代码 <view class="container log-lis ...
微信小程序选择框问题小程序picker点击显示object range-key=这里写要显示的字段
微信小程序选择框问题小程序picker点击显示object range-key="这里写要显示的字段" <picker bindchange="bindClass ...
微信小程序获取地理位置失败原因及解决方案
微信小程序获取用户地理位置失败的原因主要有3种情况: 1. 手机系统设置中地理位置未开启 2. 系统未给微信app授权 3. 用户未给小程序授权地理位置信息所以需要继续完善下定位失败的处理逻辑. 1 ...
java小程序显示多种按钮_微信小程序多行文本显示...+显示更多按钮和收起更多按钮功能...
看了很多帖子,但是效果都不是很好.还是找微信小程序官方文档,自己写比较方便.自己动手丰衣足食!话不多说,上代码! 先来个效果图 html {{item.text}} 查看更多收起 wxss .box ...
微信小程序使用image组件显示图片的方法
本文实例讲述了微信小程序使用image组件显示图片的方法.分享给大家供大家参考,具体如下: 1.效果展示 2.关键代码 ① index.wxml 代码如下: <image style=" ...
微信小程序选择视频，获取封面缩略图
使用微信小程序选择视频,且获取其封面使用微信小程序选择视频上传,且获取其封面背景名词参考效果图展示结束: 使用微信小程序选择视频上传,且获取其封面背景又一活儿,要从小程序里选择视频,上 ...
微信小程序选择和上传图片
文章目录微信小程序选择和上传图片微信小程序选择和上传图片选择和上传图片用到的api: wx.chooseImage() 和 wx.uploadFile() 具体实现代码如下: wx.choose ...
微信小程序苹果手机边框1rpx显示不全解决办法
微信小程序苹果手机边框1rpx显示不全,加上transform: rotateZ(360deg) .address-map{width: 125rpx;height: 36rpx;line-heigh ...
微信小程序学习——view的显示与隐藏
微信小程序学习--view的显示与隐藏需要在全局数据块中,设定一个控制键. data: {......//省略其他代码showView: true}, 然后是在wxml中,view的class中设置 ...

微信小程序—选择地理位置并显示

微信小程序—选择地理位置并显示相关推荐

最新文章

热门文章