码迷,mamicode.com
首页 > 微信 > 详细

微信小程序-获取地理位置

时间:2020-04-29 18:17:07      阅读:114      评论:0      收藏:0      [点我收藏+]

标签:var   ext   地理   地理位置   top   http   bottom   display   com   

推荐使用:

          wx.chooseLocation({
            success: function (res) {
              console.log(res) //获取位置
              that.setData({ localPath: res.address});
            },

          });

 

样图:

技术图片

 

 

 

技术图片

 

 

 

技术图片

 

实现:

wxml:

<view class="box">
 <view class="box_left">位置:</view>
 <input type="text" class="box_right" placeholder="请选择位置" bindtap="getLocalPath" value=‘{{localPath}}‘></input>
</view>

 

wxss:

.box {
 width: 700rpx;
 margin-top: 100rpx; 
 display: flex;
 flex-direction: row;
 justify-content: flex-start;
 border-bottom: solid 2rpx #D7D7D7;
}
.box_left {
 width: 120rpx;
 font-size: 15px;
 color: #000000;
}
.box_right {
 width: 400rpx;
 font-size: 14px;
}

js:

      getLocalPath: function(e){
          var that = this; //得到this对象
          wx.chooseLocation({
            success: function (res) {
              console.log(res) //获取位置
              that.setData({ localPath: res.address});
            },

          });

        },

 

技术图片

 

微信小程序-获取地理位置

标签:var   ext   地理   地理位置   top   http   bottom   display   com   

原文地址:https://www.cnblogs.com/xiao-apple36/p/12803505.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!