当前位置:微信小程序开发 > 小程序资讯 > 小程序开发教程 > 小程序定位当前城市源代码实例

小程序定位当前城市源代码实例

2018-07-31 18:31 来源: 霸界科技

摘要:商家在开发微信小程序时,首先会需要定位位置到当前城市,这里就要设置源代码,这样才可以实现定位到当前城市。 ...

期权保本理财
  商家在开发微信小程序时,首先会需要定位位置到当前城市,这里就要设置源代码,这样才可以实现定位到当前城市。
 
小程序定位当前城市源代码实例
 
  小程序 定位到当前城市
 
  首先需要申请百度地图Geocoding API
 
  Geocoding API包括地址解析和逆地址解析功能:
 
  1.地理编码:即地址解析,由详细到街道的结构化地址得到百度经纬度信息,例如:“北京市海淀区中关村南大街27号”地址解析的结果是“lng:116.31985,lat:39.959836”。同时,地理编码也支持名胜古迹、标志性建筑名称直接解析返回百度经纬度,例如:“百度大厦”地址解析的结果是“lng:116.30815,lat:40.056885” ,通用的POI检索需求,建议使用Place API。
 
  2.逆地理编码:即逆地址解析,由百度经纬度信息得到结构化地址信息,例如:“lat:31.325152,lng:120.558957”逆地址解析的结果是“江苏省苏州市虎丘区塔园路318号”。
 
  代码:
 
  Page({
 
  data:{
 
  city:''
 
  },
 
  onLoad:function(options){
 
  this.loadInfo();
 
  },
 
  loadInfo:function(){
 
  var page=this
 
  wx.getLocation({
 
  type: 'wgs84', // 默认为 wgs84 返回 gps 坐标,gcj02 返回可用于 wx.openLocation 的坐标
 
  success: function(res){
 
  // success
 
  var longitude=res.longitude
 
  var latitude=res.latitude
 
  page.loadCity(longitude,latitude)
 
  },
 
  fail: function() {
 
  // fail
 
  },
 
  complete: function() {
 
  // complete
 
  }
 
  })
 
  },
 
  loadCity:function(longitude,latitude){
 
  var page =this
 
  wx.request({
 
  url: 'https://api.map.baidu.com/geocoder/v2/?ak=您的ak &location='+latitude+','+longitude+'&output=json',
 
  data: {},
 
  header:{
 
  'Content-Type':'application/json'
 
  },
 
  success: function(res){
 
  // success
 
  console.log(res);
 
  var city=res.data.result.addressComponent.city;
 
  page.setData({city:city});
 
  },
 
  fail: function() {
 
  // fail
 
  },
 
  complete: function() {
 
  // complete
 
  }
 
  })
 
  }
 
  })
 
  index.wxml
 
  <!--index.wxml-->
 
  <view class="container">
 
  {{city}}
 
  </view>
分享到:
最新评论

网友:

验证码: 点击我更换图片

联系我们

业务咨询:15918761088

招商咨询:15918761088(微信同号)

周一至周五 9:30-18:30

公司地址:广州市海珠区昌岗中路166号富盈国际大厦2505室

官方微信 官方微博

Copyright © 2018 www.keji168.com 广州霸界网络科技有限公司版权所有 粤ICP备18083764号-1

客服
套餐咨询,合作细节等
在线客服
电话咨询
159-1876-1088