微信小程序--location API - 新聞資訊 - 雲南小程序開發|雲南軟件開發|雲南網站建設-昆明融晨信息技術有限公司

159-8711-8523

雲南網建設/小程序開發/軟件開發

知識

不(bù)管是(shì)網站,軟件還是(shì)小程序,都要(yào / yāo)直接或間接能爲(wéi / wèi)您産生價值,我們在(zài)追求其視覺表現的(de)同時(shí),更側重于(yú)功能的(de)便捷,營銷的(de)便利,運營的(de)高效,讓網站成爲(wéi / wèi)營銷工具,讓軟件能切實提升企業内部管理水平和(hé / huò)效率。優秀的(de)程序爲(wéi / wèi)後期升級提供便捷的(de)支持!

您當前位置>首頁 » 新聞資訊 » 小程序相關 >

微信小程序--location API

發表時(shí)間:2021-4-22

發布人(rén):融晨科技

浏覽次數:80

location API也(yě)就(jiù)分這(zhè)裏分兩種wx.getLocation(object)獲取當前位置和(hé / huò)wx.openLocation(object)通過經緯度打開内置地(dì / de)圖。其中定位獲取位置信息返回參數是(shì)有問題的(de)speed,accuracy這(zhè)兩個(gè)是(shì)沒有的(de)。還有一個(gè)就(jiù)是(shì)打開内置地(dì / de)圖之(zhī)後再返回會報一個(gè)錯誤(Page route錯誤—WAService.js:2 navigateBack 一個(gè)不(bù)存在(zài)的(de)webviewId0)如果有知道(dào)的(de)可告知,我找到(dào)解決方式也(yě)會補充下!

主要(yào / yāo)屬性:

wx.getLocation(object)獲取當前位置

成功之(zhī)後返回參數

wx.openLocation(object)打開微信内置地(dì / de)圖

這(zhè)裏直接進入微信内置應用,當使用導航返回鍵時(shí)是(shì)内部寫的(de)外界無法幹預所以(yǐ)WAService.js:2 navigateBack 一個(gè)不(bù)存在(zài)的(de)webviewId0這(zhè)個(gè)錯估計也(yě)帶等小程序修複吧!!

wxml

  1. <button id="0" type="primary" bindtap="listenerBtnGetLocation">定位當前位置并打開内置地(dì / de)
  2. js
  3. Page({
  4. data:{
  5. text:"Page location"
  6. },
  7. onLoad:function(options){
  8. // 頁面初始化 options爲(wéi / wèi)頁面跳轉所帶來(lái)的(de)參數
  9. },
  10. /**
  11. * 監聽定位到(dào)當前位置
  12. */
  13. listenerBtnGetLocation: function() {
  14. wx.getLocation({
  15. //定位類型 wgs84, gcj02
  16. type: 'gcj02',
  17. success: function(res) {
  18. console.log(res)
  19. wx.openLocation({
  20. //當前經緯度
  21. latitude: res.latutude,
  22. longitude: res.longitude,
  23. //縮放級别默認28
  24. scale: 28,
  25. //位置名
  26. name: '測試地(dì / de)址',
  27. //詳細地(dì / de)址
  28. address: '火星路24号',
  29. //成功打印信息
  30. success: function(res) {
  31. console.log(res)
  32. },
  33. //失敗打印信息
  34. fail: function(err) {
  35. console.log(err)
  36. },
  37. //完成打印信息
  38. complete: function(info){
  39. console.log(info)
  40. },
  41. })
  42. },
  43. fail: function(err) {
  44. console.log(err)
  45. },
  46. complete: function(info) {
  47. console.log(info)
  48. },
  49. })
  50. },
  51. onReady:function(){
  52. // 頁面渲染完成
  53. },
  54. onShow:function(){
  55. // 頁面顯示
  56. },
  57. onHide:function(){
  58. // 頁面隐藏
  59. },
  60. onUnload:function(){
  61. // 頁面關閉
  62. }

相關案例查看更多