微信小程序?qū)W習(xí):location API接口

本文轉(zhuǎn)自:http://blog.csdn.net/eadio/article/details/52790358

微信小程序的位置接口共有兩個(gè):
1、wx.getLocation(OBJECT)獲取當(dāng)前的地理位置、速度。
2、wx.openLocation(OBJECT) 使用微信內(nèi)置地圖查看位置
然后,根據(jù)object參數(shù)說(shuō)明,結(jié)合module模塊化重寫(xiě)了下兩個(gè)接口在暴露出來(lái)引用,讓項(xiàng)目更加靈活管理。具體代碼如下:

location.js::

/**  
 * 獲取當(dāng)前的地理位置、速度。  
 * 1、fType:         默認(rèn)為 wgs84 返回 gps 坐標(biāo),gcj02 返回可用于wx.openLocation的坐標(biāo)     選填  
 * 2、cbSuccessFun: 接口調(diào)用成功的回調(diào)函數(shù),返回內(nèi)容詳見(jiàn)返回參數(shù)說(shuō)明。 必填  
 * 3、cbFailFun:    接口調(diào)用失敗的回調(diào)函數(shù) 選填  
 * 4、cbCompleteFun:接口調(diào)用結(jié)束的回調(diào)函數(shù)(調(diào)用成功、失敗都會(huì)執(zhí)行) 選填  
 */  
function getLocationFun(fType, cbSuccessFun, cbFailFun, cbCompleteFun){  
    var getObj={};  
    getObj.type="wgs84";  
    if(fType){  
        getObj.type=fType;  
    }  
    getObj.success=function(res){  
        var _res=res;  
        if(cbSuccessFun){  
            cbSuccessFun(_res);  
        }  
    }  
    getObj.fail=function(res){  
        if(cbFailFun){  
            cbFailFun();  
        }else{  
            console.log("getLocation fail:"+res.errMsg);  
        }  
    }  
    getObj.complete=function(res){  
        if(cbCompleteFun){  
            cbCompleteFun();  
        }  
    }  
    wx.getLocation(getObj);  
}  
  
/**  
 * 使用微信內(nèi)置地圖查看位置  
 * 1、latitude:     緯度,范圍為-90~90,負(fù)數(shù)表示南緯 必填  
 * 2、longitude:    經(jīng)度,范圍為-180~180,負(fù)數(shù)表示西經(jīng) 必填  
 * 3、scale:        縮放比例,范圍1~28,默認(rèn)為28 選填  
 * 4、name:         位置名 選填  
 * 5、address:      地址的詳細(xì)說(shuō)明 選填  
 * 6、cbSuccessFun: 接口調(diào)用成功的回調(diào)函數(shù) 選填  
 * 7、cbFailFun:    接口調(diào)用失敗的回調(diào)函數(shù) 選填  
 * 8、cbCompleteFun:接口調(diào)用結(jié)束的回調(diào)函數(shù)(調(diào)用成功、失敗都會(huì)執(zhí)行) 選填  
 */  
function openLocationFun(latitude, longitude, scale, name, address, cbSuccessFun, cbFailFun, cbCompleteFun){  
    var openObj={};  
    openObj.latitude=latitude;  
    openObj.longitude=longitude;  
    openObj.scale=15;  
    if(scale>0 && scale<29){  
        openObj.scale=scale;  
    }  
    if(name){  
        openObj.name=name;  
    }  
    if(address){  
        openObj.address=address;  
    }  
    openObj.success=function(res){  
        if(cbSuccessFun){  
            cbSuccessFun();  
        }  
    }  
    openObj.fail=function(res){  
        if(cbFailFun){  
            cbFailFun();  
        }else{  
            console.log("openLocation fail:"+res.errMsg);  
        }  
    }  
    openObj.complete=function(res){  
        if(cbCompleteFun){  
            cbCompleteFun();  
        }  
    }  
    wx.openLocation(openObj);  
}  
  
module.exports={  
    getLocationFun: getLocationFun,  
    openLocationFun: openLocationFun  
}  

demo.js::

var comm = require( "../../common/common.js" );  
var location=require('../../common/location.js');  
Page( {  
  data: {  
    uploadImgUrls: [],  
    title: ""  
  },  
  getlocation: function( e ) {  
    location.getLocationFun(  
      'gcj02',   
      function(cb){  
        console.log(cb);  
        var _latitude=cb.latitude;  
        var _longitude=cb.longitude;  
        location.openLocationFun(  
          _latitude,  
          _longitude,  
          null,  
          "廈門(mén)觀音山",  
          "廈門(mén)觀音山匹克大廈",  
          null,  
          null,  
          null  
        )  
      }  
    )  
  },  
  onLoad: function( options ) {  
    var _title = "ddd";  
    if( options.title ) {  
      _title = options.title;  
    }  
    this.setData( {  
      title: _title  
    })  
    console.log("load")  
    console.log( comm.formatDateFun( new Date(), 1 ) );  
  },  
  onShow:function(e){  
    console.log("show");  
  },  
  onHide: function(e){  
    console.log("hide");  
  },  
  onUnload:function(e){  
    console.log("unload");  
  }  
  // onReady: function(){  
  //   wx.setNavigationBarTitle({  
  //     title: this.data.title  
  //   });  
  // }  
})  

經(jīng)調(diào)試發(fā)現(xiàn)getLocation接口的type不管是傳遞wgs84還是gcj02返回的參數(shù)都是只有經(jīng)緯度,并沒(méi)有文檔上提到的速度和位置的精確度兩個(gè)參數(shù)



然后我在點(diǎn)擊“去這里”頁(yè)面跳轉(zhuǎn)后,發(fā)現(xiàn)每次都是提示定位失敗,不曉得是不是因?yàn)閣eb開(kāi)發(fā)工具的原因。而且好像經(jīng)緯度有差距,和本人實(shí)際距離不一致。還有定義了name和address兩個(gè)參數(shù)并沒(méi)有發(fā)現(xiàn)有啥變化,最后比較嚴(yán)重的問(wèn)題是我點(diǎn)擊返回后提示page route錯(cuò)誤,再次點(diǎn)擊按鈕,提示錯(cuò)誤了,不能點(diǎn)擊。不知道什么原因?要怎么解決!


目前針對(duì)這個(gè)接口學(xué)習(xí)到這里,后續(xù)有其他發(fā)現(xiàn)或者解決辦法在來(lái)更新。


今天,微信發(fā)布新版本了【最新版本 0.10.101100】,對(duì)于位置接口也有進(jìn)一步的更新,

1、打開(kāi)地圖接口在返回不會(huì)提示page route錯(cuò)誤了

2、wx.openLocation接口傳遞自定義的name和address參數(shù)后,可以在地圖描述框,顯示出來(lái)了,不過(guò)經(jīng)緯度依然不夠準(zhǔn)確。點(diǎn)擊“去這里”依然是定位失敗。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容