微信小程序?qū)崿F(xiàn)自動定位功能

更新時間：2018年10月31日 11:24:37 作者：crazyboy12138

這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)自動定位功能，具有一定的參考價值，感興趣的小伙伴們可以參考一下

本文實例為大家分享了微信小程序?qū)崿F(xiàn)自動定位的具體代碼，供大家參考，具體內(nèi)容如下

使用了騰訊地圖提供的免費api：

需要引入一個js文件：下載地址

js代碼：

// 引入SDK核心類
var QQMapWX = require('../../libs/qqmap-wx-jssdk.js');
var qqmap = new QQMapWX({
//在騰訊地圖開放平臺申請密鑰 http://lbs.qq.com/mykey.html
 key: 'your KEY'
});
Page({
 data: {
 myLatitude: "",
 myLongitude: "",
 myAddress: ""
 },
 onLoad: function(){
 var that = this
 //用微信提供的api獲取經(jīng)緯度
 wx.getLocation({
  type: 'wgs84',
  success: function(res){
  that.setData({myLatitude: res.latitude, myLongitude: res.longitude})
  //用騰訊地圖的api，根據(jù)經(jīng)緯度獲取城市
  qqmap.reverseGeocoder({
   location: {
   latitude: that.data.myLatitude,
   longitude: that.data.myLongitude
   },
   success: function (res) {
   console.log(res)
   var a = res.result.address_component
   //獲取市和區(qū)（區(qū)可能為空）
   that.setData({myAddress: a.city + a.district})
   //控制臺輸出結(jié)果
   console.log(that.data.myAddress)
   }
  })
  }
 })
 } 
})

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

您可能感興趣的文章:

相關(guān)文章

BootStrap Progressbar 實現(xiàn)大文件上傳的進(jìn)度條的實例代碼
這篇文章主要介紹了BootStrap Progressbar 實現(xiàn)大文件上傳的進(jìn)度條的實例代碼的相關(guān)資料，非常不錯，具有參考借鑒價值，需要的朋友可以參考下
2016-06-06
JavaScript實現(xiàn)QQ聊天室功能
這篇文章主要為大家詳細(xì)介紹了JavaScript實現(xiàn)QQ聊天室功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2022-07-07
JavaScript實現(xiàn)防止網(wǎng)頁被嵌入Frame框架的代碼分享
這篇文章主要介紹了JavaScript實現(xiàn)防止網(wǎng)頁被嵌入Frame框架的代碼分享,本文給出了2種防嵌入方法,需要的朋友可以參考下
2014-12-12
JavaScript 實現(xiàn)類似Express的中間件系統(tǒng)(實例詳解)
在 Express 中可以給一個請求設(shè)置若干個中間件，在處理響應(yīng)時會按順序執(zhí)行這些中間件，正在執(zhí)行的中間件可以控制是否執(zhí)行下一個中間件，這篇文章主要介紹了JavaScript 實現(xiàn)類似Express的中間件系統(tǒng)的相關(guān)資料,需要的朋友可以參考下
2023-02-02
如何使用big.js解決JavaScript浮點數(shù)精度丟失問題
最近在項目中涉及到金額從元轉(zhuǎn)為分（乘100即可）,發(fā)現(xiàn)乘法居然也會有精度丟失的問題,關(guān)于浮點數(shù)計算精度丟失是很多語言都存在的問題,本文給大家分享使用big.js解決JavaScript浮點數(shù)精度丟失問題,感興趣的朋友一起看看吧
2023-12-12
關(guān)于layui表單中按鈕自動提交的解決方法
今天小編就為大家分享一篇關(guān)于layui表單中按鈕自動提交的解決方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
2019-09-09
JS實現(xiàn)漢字與Unicode碼相互轉(zhuǎn)換的方法詳解
這篇文章主要介紹了JS實現(xiàn)漢字與Unicode碼相互轉(zhuǎn)換的方法,結(jié)合實例形式較為詳細(xì)的分析了javascript針對漢字與Unicode編碼轉(zhuǎn)換的操作技巧與相關(guān)注意事項,需要的朋友可以參考下
2017-04-04
限制文本框只能輸入數(shù)字||只能是數(shù)字和小數(shù)點||只能是整數(shù)和浮點數(shù)
這篇文章主要介紹了限制文本框只能輸入數(shù)字||只能是數(shù)字和小數(shù)點||只能是整數(shù)和浮點數(shù)的實例代碼，非常不錯，也比較實用，需要的小伙伴一起看下吧
2016-05-05
JavaScript實現(xiàn)節(jié)點的刪除與序號重建實例
這篇文章主要介紹了JavaScript實現(xiàn)節(jié)點的刪除與序號重建方法,涉及javascript針對頁面節(jié)點的刪除與遍歷技巧,非常具有實用價值,需要的朋友可以參考下
2015-08-08
基于JS實現(xiàn)一個可拖拽的容器布局組件
這篇文章主要為大家詳細(xì)介紹了如何基于JavaScript實現(xiàn)一個可拖拽的容器布局組件,文中的示例代碼講解詳細(xì),感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下
2023-12-12