微信小程序获取当前所在城市

最新推荐文章于 2024-10-24 13:51:30 发布

Qiaer_

最新推荐文章于 2024-10-24 13:51:30 发布

阅读量2.1k

点赞数 1

分类专栏： web前端微信小程序

本文链接：https://blog.youkuaiyun.com/qq_25897137/article/details/78699211

版权

web前端同时被 2 个专栏收录

14 篇文章

订阅专栏

微信小程序

2 篇文章

订阅专栏

本文介绍了一个使用微信小程序获取用户地理位置，并通过调用百度地图API进行地址解析的应用案例。该应用能够成功获取用户的经度和纬度信息，并进一步解析出所在省份、城市及区县。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

 
  data: { 
 
 
  imgs: [], 
 
 
  ak: 
  " 
  ", 
  // 
  填写申请到的ak 
 
 
  province: 
  '', 
 
 
  city: 
  '', 
 
 
  district: 
  '', 
 

   }, 
 
 
  onLoad: 
  function( 
  options) { 
 
 
  this. 
  getLocation(); 
 

   }, 
 
 
  getLocation: 
   function() { 
 
 
  var 
  that 
  = 
  this; 
 
 
  wx. 
  getLocation({ 
 
 
  type: 
  ' 
  wgs84 
  ', 
 
 
  success: 
  function( 
  res) { 
 
 
  var 
  longitude 
  = 
  res. 
  longitude; 
 
 
  var 
  latitude 
  = 
  res. 
  latitude; 
 
 
  that. 
  loadCity( 
  longitude, 
  latitude); 
 

   } 
 

   }); 
 

   }, 
 
 
  loadCity: 
  function( 
  longitude, 
  latitude) { 
 
 
  var 
  that 
  = 
  this; 
 
 
  wx. 
  request({ 
 
 
  url: 
  ' 
  https://api.map.baidu.com/geocoder/v2/?ak= 
  ' 
  + 
  that. 
  data. 
  ak 
  + 
  ' 
  &location= 
  ' 
  + 
  latitude 
   + 
  ' 
  , 
  ' 
  + 
  longitude 
  + 
  ' 
  &output=json 
  ', 
 
 
  data: {}, 
 
 
  header: { 
 
 
  ' 
  Content-Type 
  ': 
  ' 
  application/json 
  ' 
 

   }, 
 
 
  success: 
  function( 
  res) { 
 
 
  // 
   success  
 
 
  console. 
  log( 
  res); 
 
 
  var 
  province 
  = 
  res. 
  data. 
  result. 
  addressComponent. 
  province; 
 
 
  var 
  city 
  = 
  res. 
  data. 
  result. 
  addressComponent. 
  city; 
 
 
  var 
  district 
  = 
  res. 
  data. 
  result. 
  addressComponent. 
  district; 
 
 
  that. 
  setData({ 
 
 
  province: 
  province, 
 
 
  city: 
  city, 
 
 
  district: 
  district, 
 

   }); 
 

   }, 
 
 
  fail: 
  function() { 
 
 
  that. 
  setData({ 
  city: 
  " 
  获取定位失败 
  " }); 
 

   }, 
 


   }) 
 

   }, 
 