小程序获取定位位置

男娘i 2022-10-25 15:25 332阅读 0赞

wxml:

js：

data: {  
         hotCitys:["北京", "上海",  "深圳",  "广州",  "武汉",  "荆州",  "荆门"]
      },
      getLocation:function(){ 
          wx.getLocation({  
            success:res=>{ 
              console.log(res);
              wx.request({ 
                url: 'http://iwenwiki.com:3002/api/lbs/location',
                data:{ 
                  latitude:res.latitude,
                  longitude:res.longitude 
               }, 
               success:result=>{ 
                 console.log(result);
                 var   cityName=result.data.result.ad_info.city.slice(0,2);
                 console.log(cityName);
                 //跳转----食疗坊界面 --把数据传递过去。
                 wx.navigateTo({ 
                   url: '../food/food',
                 })
               }
              })
            }
          })
      },

wxss:

/* pages/citys/citys.wxss */
    .location,.hotCity{ 
      padding:20rpx;
      font-weight: bold;
      font-size: 36rpx;
    }
    .getLocation{ 
      color: green;
      margin-top:20rpx;
      background: #eee;
    }
    .btn{ 
      margin: 10rpx;
      font-weight: normal;
      border-radius: 10rpx;
      background: #fff;
      border: 1px  solid  #999;
      font-size: 30rpx !important;
      padding: 4rpx  16rpx  !important;
    }

app.json 需要配置：

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTkzMjE1Nw_size_16_color_FFFFFF_t_70]  
效果显示：

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTkzMjE1Nw_size_16_color_FFFFFF_t_70 1]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTkzMjE1Nw_size_16_color_FFFFFF_t_70 2]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTkzMjE1Nw_size_16_color_FFFFFF_t_70]: /images/20221024/3f51a6ebee974d74ae9925c1ba2bde90.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTkzMjE1Nw_size_16_color_FFFFFF_t_70 1]: /images/20221024/791e70b3d0bb4bcc9a2f70e2af39cf1d.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTkzMjE1Nw_size_16_color_FFFFFF_t_70 2]: /images/20221024/db960814b8aa49ac89840e799708fece.png