微信小程序 获取当前地理位置和经纬度实例代码
2016-12-05 14:51
1076 查看
微信小程序实例-获取当前的地理位置、经纬度
微信小程序官方文档
https://mp.weixin.qq.com/debug/wxadoc/dev/api/location.html
JS代码
//index.js //获取应用实例 var app = getApp() Page({ data: { motto: '示例小程序-获取当前地理位、速度', userInfo: {}, hasLocation:false, location:{} }, //事件处理函数 bindViewTap: function() { wx.navigateTo({ url: '../logs/logs' }) }, onLoad: function () { console.log('onLoad') var that = this //调用应用实例的方法获取全局数据 app.getUserInfo(function(userInfo){ //更新数据 that.setData({ userInfo:userInfo }) }), wx.getLocation( { success: function( res ) { console.log( res ) that.setData( { hasLocation: true, location: { longitude: res.longitude, latitude: res.latitude } }) } }) } })
index.wxml
<!--index.wxml--> <view class="container"> <view bindtap="bindViewTap" class="userinfo"> <image class="userinfo-avatar" src="{{userInfo.avatarUrl}}" background-size="cover"></image> <text class="userinfo-nickname">{{userInfo.nickName}}</text> </view> <view class="usermotto"> <!-- <text class="user-motto">{{motto}}\n</text>--> <text>经度:{{location.longitude}}\n</text> <text>纬度:{{location.latitude}}</text> </view> </view>
运行效果
感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!
您可能感兴趣的文章:
相关文章推荐
- 微信小程序实例-获取当前的地理位置、速度
- 续【C#微信结合百度api获取当前用户的地理位置】代码详解
- 微信小程序之获取当前位置经纬度以及地图显示详解
- 微信开发获取地理位置实例(java,非常详细,附工程源码)
- php下通过IP获取地理位置的代码(小偷程序)
- 微信 根据当前地理位置经纬度计算1000米以内的经纬度范围 php版
- 微信小程序城市定位的实现实例(获取当前所在国家城市信息)
- 微信开发获取地理位置实例(java,非常详细,附工程源码)
- 用js获取当前地理位置的经纬度
- 微信小程序 定位到当前城市实现实例代码
- C#微信小程序服务端获取用户解密信息实例代码
- 转载]IOS LBS功能详解[0](获取经纬度)[1](获取当前地理位置文本 )
- 源码推荐(1.12):ZYDrawString实现对字符串的画线动画,iOS8获取当前经纬度、地理位置
- 微信小程序开发之真机测试 地图定位 map API 无法获取当前位置的问题
- 微信开发获取地理位置实例(java,非常详细,附工程源码)
- 微信开发获取地理位置实例(java,非常详细,附工程源码)
- 微信开发获取地理位置实例(java,非常详细,附工程源码)
- 微信小程序 获取微信OpenId详解及实例代码
- html5获取用户当前的地理位置,即经纬度。
- Titanium 获取当前地理位置(经纬度)Get the current location (latitude and longitude)