快捷導(dǎo)航

微信小程序定位當(dāng)前城市的方法

更新時間：2018年07月19日 11:14:36 作者：wy_Blog

這篇文章主要為大家詳細(xì)介紹了微信小程序定位當(dāng)前城市的方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下

微信小程序定位獲取當(dāng)前所在城市，供大家參考，具體內(nèi)容如下

1、利用微信小程序接口 wx.getLocation() 獲取當(dāng)前經(jīng)緯度，接口。

2、拿到經(jīng)緯度之后，通過微信的wx.request()請求百度地圖的解析接口，傳入我們獲取到的經(jīng)緯度，拿到當(dāng)前定位的城市。

Page({
 data: {
 city: ''
 },
 onLoad: function (options) { 
 this.loadInfo(); 
 },
 loadInfo: function () {
 var page = this
 wx.getLocation({
  type: 'wgs84', // 默認(rèn)為 wgs84 返回 gps 坐標(biāo)，gcj02 返回可用于 wx.openLocation 的坐標(biāo) 
  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: 'http://api.map.baidu.com/geocoder/v2/?ak=寫自己的ak&location=' + latitude + ',' + longitude + '&output=json&pois=1',
  //這里的ak 是去百度地圖api獲取的需要自己登陸獲取一下 地址：https://lbsyun.baidu.com/index.php?title=wxjsapi
  data: {},
  header: {
  'Content-Type': 'application/json'
  },
  success: function (res) {
  // success 
  console.log(res);
  var city = res.data.result.addressComponent.city;
 
  console.log("城市為" + city)
  page.setData({ city: city });
  },
  fail: function () {
  // fail 
  },
  complete: function () {
  // complete 
  }
 })
 }
});

以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

自己編寫的類似JS的trim方法
在這里我們可以使用自己編寫的trim方法來處理一些剪掉字符串兩端的空字符串的需要，下面有個不錯的方法，感興趣的朋友可以參考下
2013-10-10
全面接觸神奇的Bootstrap導(dǎo)航條實(shí)戰(zhàn)篇
導(dǎo)航條（navbar）在Bootstrap中是一個獨(dú)立組件，導(dǎo)航條（navbar）和導(dǎo)航（nav）在Bootstrap中是有明顯區(qū)別的，本文全面接觸神奇的Bootstrap導(dǎo)航條，感興趣的小伙伴們可以參考一下
2016-08-08
簡單三步實(shí)現(xiàn)報表頁面集成天氣
本文主要介紹了基于javascript實(shí)現(xiàn)報表頁面集成天氣的方法步驟，簡單三步，一看就懂。具有很好的參考價值，需要的朋友一起來看下吧
2016-12-12
JavaScript中Object.freeze()和Object.seal()的使用
Object.freeze()和Object.seal()是JavaScript中用于控制對象可變性的兩個方法,本文就詳細(xì)的介紹一下這兩種方法,感興趣的可以了解一下
2024-09-09
原生Javascript實(shí)現(xiàn)繼承方式及其優(yōu)缺點(diǎn)詳解
JS作為面向?qū)ο蟮娜躅愋驼Z言,繼承也是其非常強(qiáng)大的特性之一,那么這篇文章主要給大家介紹了關(guān)于原生Javascript實(shí)現(xiàn)繼承方式及其優(yōu)缺點(diǎn)的相關(guān)資料,需要的朋友可以參考下
2021-07-07
JavaScript 創(chuàng)建隨機(jī)數(shù)和隨機(jī)圖片
關(guān)于javascript隨機(jī)數(shù)的，很早以前的文章了，不過內(nèi)容還是不錯的，如果想要更多的效果，可以去腳本之家搜下。
2009-12-12
微信小程序?qū)崿F(xiàn)下拉加載更多商品
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)下拉加載更多商品，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2020-12-12
在JavaScript中構(gòu)建ArrayList示例代碼
這篇文章主要介紹了在JavaScript中構(gòu)建ArrayList，很實(shí)用,需要的朋友可以參考下
2014-09-09
淺談Webpack4 plugins 實(shí)現(xiàn)原理
在wabpack 核心功能除了loader應(yīng)該就是plugins插件了，本文主要介紹了Webpack4 plugins 實(shí)現(xiàn)原理，文中通過示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2021-09-09
用javascript實(shí)現(xiàn)截取字符串包含中文處理的函數(shù)
一直不知道js可以截取中文字符，呵呵，原理用正則表達(dá)式，匹配中文的長度，中文算兩個，因?yàn)樗阋粋€，是個好東西，推薦大家收藏
2008-04-04