`
JerryWang_SAP
  • 浏览: 1025163 次
  • 性别: Icon_minigender_1
  • 来自: 成都
文章分类
社区版块
存档分类
最新评论

在微信小程序里自动获得当前手机所在的经纬度并转换成地址

阅读更多

效果:我在手机上打开微信小程序,自动显示出我当前所在的地理位置:

 

具体步骤:

1. 使用微信jssdk提供的getLocation API拿到经纬度;

2. 调用高德地图的api使用经纬度去换取地址的文字描述。

 

wx.ready(() => {

wx.getLocation({

type: "gcj02",

success: function(res) {

var location =

"&location=" + res.longitude + "," + res.latitude;

ReservationService.getGeocode(location).then(response => {

if (

response.data.status === "1" &&

response.data.info === "OK"

) {

self.country =

response.data.regeocode.addressComponent.country;

self.city = response.data.regeocode.addressComponent.city;

var express =

"/" +

self.country +

"|" +

response.data.regeocode.addressComponent.province +

"|" +

self.city +

"|" +

response.data.regeocode.addressComponent.district +

"|" +

response.data.regeocode.addressComponent.township +

"/g";

self.address = response.data.regeocode.formatted_address.replace(

eval(express),

""

);

} else {

// get location error, plz input address

alert("无法获取地址信息,请稍后再试");

}

});

}

});

ReservationService.getGeocode的实现:

getGeocode(location) {

const key = '此处填入您高德地图app的key';

return axios.post('https://restapi.amap.com/v3/geocode/regeo?key=' + key + location);

}

看下面一个使用高德地图API将经纬度转换成文字描述的地址的例子,使用postman发送请求:

 

API响应:


{

"status": "1",

"regeocode": {

"addressComponent": {

"city": [],

"province": "北京市",

"adcode": "110101",

"district": "东城区",

"towncode": "110101001000",

"streetNumber": {

"number": "44号",

"location": "116.39795,39.9097239",

"direction": "东北",

"distance": "117.874",

"street": "广场东侧路"

},

"country": "中国",

"township": "东华门街道",

"businessAreas": [

{

"location": "116.3998109423077,39.90717459615385",

"name": "天门",

"id": "110101"

},

{

"location": "116.39981058278138,39.92383706953642",

"name": "景山",

"id": "110101"

},

{

"location": "116.4118112683418,39.91461494422115",

"name": "王府井",

"id": "110101"

}

],

"building": {

"name": "天门",

"type": "风景名胜;风景名胜相关;旅游景点"

},

"neighborhood": {

"name": [],

"type": []

},

"citycode": "010"

},

"formatted_address": "北京市东城区东华门街道天门"

},

"info": "OK",

"infocode": "10000"

}

 
 
 

要获取更多Jerry的原创文章,请关注公众号"汪子熙":

 
0
0
分享到:
评论

相关推荐

    微信小程序获取当前位置和城市名

    在微信小程序开发中,获取用户当前位置和城市名是常见的需求,尤其对于提供本地化服务的应用来说至关重要。本文将详细介绍如何实现这一功能。 首先,要获取用户的地理位置,必须先获得用户的授权。微信小程序提供了...

    微信小程序实现自动定位功能

    微信小程序的自动定位功能是在移动应用中一个非常实用的功能,尤其在需要对用户进行服务时,如地理位置相关的服务。微信小程序通过调用微信提供的API实现位置的获取。自动定位功能的核心是如何在小程序中获取用户的...

    微信小程序打卡定位签到系统源代码,利用微信小程序的地图组件获取到用户的地理位置信息,再通过腾讯地图 SDK 获取到对应位置信息

    在打卡签到系统中,我们主要使用反地理编码(Geocoding)服务,将用户获取的经纬度转换成具体的地址信息。这样,用户的位置不仅能以坐标形式表示,还能以可读的街道、城市等文字形式展示,便于后台管理与审核。 4. ...

    微信小程序地图搜索模板

    综上所述,“微信小程序地图搜索模板”是通过集成地图接口、地址解析服务和地图组件,实现用户在小程序内搜索地址并显示地图的功能。开发过程中,开发者需要熟悉微信小程序的API,掌握地址与经纬度之间的转换,并...

    微信小程序高德地图sdk

    微信小程序高德地图SDK是为开发者提供的一种在微信小程序中集成地图功能的工具包,它使得开发者能够在小程序中实现各种地图相关的操作,如定位、导航、路径规划等。这款SDK结合了高德地图的强大功能与微信小程序的轻...

    微信小程序代码-小程序地图定位.zip

    微信小程序提供了`wx.getLocation`接口,用于获取当前的地理位置信息,包括经纬度、速度、精度等。这个API是实现地图定位的关键,它支持GPS、WiFi、基站等多种定位方式,并可以根据用户授权情况返回相应的定位信息...

    微信小程序----高德地图API实现的DEMO

    在微信小程序的开发中,高德地图API是一个常用的工具,它可以帮助开发者实现在小程序中集成地图功能,包括但不限于展示地图、定位用户位置、搜索周边兴趣点、规划路径等。本DEMO展示了如何将高德地图API与微信小程序...

    微信小程序-微信小程序天气

    在本项目“微信小程序-微信小程序天气”中,我们将深入探讨如何利用微信小程序的特性来开发一个实时天气查询的小程序。 首先,该项目的核心功能是展示当前的天气信息。这需要对接外部数据源,通常是通过API接口实现...

    微信小程序_地图定位DEMO

    2. 使用地图API:微信小程序提供了丰富的地图API,如`wx.getLocation`用于获取用户当前的地理位置,`wx.openLocation`用于打开地图并导航到指定位置,`wx.createMapContext`用于创建地图上下文,通过这个上下文可以...

    微信小程序开发天气APP.docx

    - **实现**:调用微信小程序的位置API获取经纬度坐标,然后通过地理编码服务(Geocoding Service)将坐标转换为城市名。 ##### 2. 天气API调用 - **选择合适的API服务**:市场上有多家提供天气信息的API服务商,如...

    微信小程序市区县定位选择模块汉字拼音搜索

    微信小程序提供了`wx.getLocation`接口,可以获取到用户当前的经纬度。然后,我们可以使用地图API,如腾讯地图SDK,根据经纬度反查对应的市、区县信息。在处理这些数据时,我们需要构建一个包含所有市、区县信息的...

    原生微信小程序 总结及相关问题

    微信小程序可以通过使用wx.getLocation()方法来获取用户的地理位置信息,该方法可以获取用户的经纬度、速度、精度等信息。 Picker对象数组 微信小程序的Picker对象数组可以用来实现从底部弹起的滚动选择器,我们...

    微信小程序腾讯地图SDK

    微信小程序腾讯地图SDK是微信官方推出的一个用于在微信小程序中集成地图功能的开发工具包,它使得开发者可以方便地在小程序中实现地图显示、定位、路径规划等多种地图相关的功能。这个SDK是基于JavaScript构建的,...

    微信小程序map组件

    此外,微信小程序还提供了地理编码和反地理编码功能,可以将地址转换为经纬度坐标,反之亦然。这对于实现基于位置的服务,如搜索附近的POI(兴趣点)非常有用。 在实际应用中,Map组件常用于导航、定位、周边服务...

    微信小程序百度地图JavaScript API v1.0

    微信小程序百度地图JavaScript API v1.0 是一个用于在微信小程序中集成百度地图服务的开发工具包。这个API集成了百度地图的各种功能,使开发者能够方便地在微信小程序环境中实现地图展示、定位、路线规划等操作。...

    微信小程序的常用功能整理(封装的wx.request请求方法,腾讯地图定位+位置选择+距离计算,utils工具类(常用方法的封装))

    在微信小程序开发中,开发者经常会遇到各种功能需求,如数据的网络请求、地图服务的集成以及通用工具类的创建。...理解并熟练掌握这些知识点,能够让你在开发微信小程序时更加得心应手,提升开发效率和产品质量。

    微信小程序把百度地图坐标转换成腾讯地图坐标过程详解

    这篇文章详细介绍了在微信小程序中如何使用腾讯地图的API将百度地图的坐标转换为腾讯地图的坐标,通过示例代码和步骤指导,让开发者能够将转换后的坐标在腾讯地图上正确显示位置信息。 首先,我们需要了解为什么...

    微信小程序-百度地图定位源码

    在微信小程序中,可以结合`wx.authorize`先请求获取用户授权,然后调用`wx.getLocation`获取经纬度,再调用百度地图的定位接口进行逆地理编码,将经纬度转换为具体的地址信息。 3. **显示地图** 使用百度地图SDK,...

    使用python实现微信小程序自动签到功能

    【知识点详解】 1. **Python编程基础**:...综上,实现微信小程序自动签到的Python程序涉及到网络请求、数据解析、身份验证、地理位置获取、多线程、异常处理等多个技术点,是Python在实际应用场景中的一个典型示例。

    微信小程序 腾讯地图显示偏差问题解决

    在开发微信小程序时,经常需要集成地图功能,腾讯地图是一个常用的选择。然而,在实际应用中,开发者可能会遇到地图显示偏差的问题,尤其是在使用不同地图API获取的经纬度数据时。本文主要探讨了微信小程序中腾讯...

Global site tag (gtag.js) - Google Analytics