微信小程式把玩（三十七）location API

http://blog.csdn.net/u014360817/article/details/52708489

location API也就分這裡分兩種wx.getLocation(object)獲取當前位置和wx.openLocation(object)通過經緯度開啟內建地圖。其中定位獲取位置資訊返回引數是有問題的speed，accuracy這兩個是沒有的。還有一個就是開啟內建地圖之後再返回會報一個錯誤(Page route錯誤—WAService.js:2 navigateBack 一個不存在的webviewId0)如果有知道的可告知，我找到解決方式也會補充下！

主要屬性：

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

• 成功之後返回引數

  

wx.openLocation(object)開啟微信內建地圖

這裡直接進入微信內建應用，當使用導航返回鍵時是內部寫的外界無法干預所以WAService.js:2 navigateBack 一個不存在的webviewId0這個錯估計也帶等小程式修復吧！！

wxml

<button id="0" type="primary" bindtap="listenerBtnGetLocation">定位當前位置並開啟內建地圖</button>

• 1

js

Page({
  data:{
    text:"Page location"
  },
  onLoad:function(options){
    // 頁面初始化 options為頁面跳轉所帶來的引數
  },

  /**
   * 監聽定位到當前位置
   */
  listenerBtnGetLocation: function() {
    wx.getLocation({
      //定位型別 wgs84, gcj02
      type: 'gcj02',
      success: function(res) {
        console.log(res)
        wx.openLocation({
          //當前經緯度
          latitude: res.latutude,
          longitude: res.longitude,
          //縮放級別預設28
          scale: 28,
          //位置名
          name: '測試地址',
          //詳細地址
          address: '火星路24號',
          //成功列印資訊
          success: function(res) {
            console.log(res)
          },
          //失敗列印資訊
          fail: function(err) {
            console.log(err)
          },
          //完成列印資訊
          complete: function(info){
            console.log(info)
          },
        })

      },
      fail: function(err) {
        console.log(err)
      },
      complete: function(info) {
        console.log(info)
      },
    })
  },

  onReady:function(){
    // 頁面渲染完成
  },
  onShow:function(){
    // 頁面顯示
  },
  onHide:function(){
    // 頁面隱藏
  },
  onUnload:function(){
    // 頁面關閉
  }