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

—— 2018 ——

01/17

00:00

来源：

作者：未知

栏目：小程序开发

2018/1/17 0:00:00 来源：不详作者：未知

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

　　小程序定位到当前城市

　　首先需要申请百度地图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

1

2

3

4

<!--index.wxml-->

<view class="container">

{{city}}

</view>

以上是小程序定位到当前城市的源代码，希望可以帮助到大家！

【本站声明】
1、本站文章中所选用的图片及文字来源于网络以及用户投稿，由于未联系到知识产权人或未发现有关知识产权的登记，如有知识产权人并不愿意我们使用，如果有侵权请立即联系。
2、本网站不对文章中所涉及的内容真实性、准确性、可靠性负责，仅系客观性描述，如您需要了解该类商品/服务详细的资讯，请您直接与该类商品/服务的提供者联系。

KESION 科汛软件
KESION 科汛软件是国内领先的在线教育软件及私域社交电商软件服务提供商，长期专注于为企业提供在线教育软件及社交电商SaaS平台解决方案。
公司核心产品云开店SaaS社交电商服务平台、在线教育SaaS服务平台、教育企业数字化SaaS云平台、企微营销助手、私有化独立部署品牌网校和在线教育咨询等。
KESION 不断通过技术创新，提供产品和服务，助力企业向数字化转型，通过科技驱动商业革新，让商业变得更智慧！

▼点击进入科汛官网了解更多

热门标签

开发小程序

上/下篇

小程序字符串转换为数字如何实现

商家在开发小程序时，经常会遇到字符串需要转换为数字，那么小程序如何实现字符串转换为数字。...

开发小程序 2018/1/18 0:00:00
小程序申请微信认证流程小程序申请微信认证怎么不花钱

公众号和小程序认证主体相同的情况下，小程序不再收认证费。...

微信小程序 2018/1/17 0:00:00