1. 程式人生 > >微信小程式把玩(三十七)location API

微信小程式把玩(三十七)location API

這裡寫圖片描述

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>

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.latitude, 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(){ // 頁面關閉 } })

相關推薦

程式把玩location API

location API也就分這裡分兩種wx.getLocation(object)獲取當前位置和wx.openLocation(object)通過經緯度開啟內建地圖。其中定位獲取位置資訊返回引數是有問題的speed,accuracy這兩個是沒有的。還有

程式把玩Audio API

沒啥可值得太注意的地方 重要屬性: 1. wx.getBackgroundAudioPlayerState(object) 獲取播放狀態 2.wx.playBackgroundAu

程式把玩Storage API

其實這個儲存在新建Demo的時候就已經用到了就是儲存就是那個logs日誌,資料儲存主要分為同步和非同步 非同步儲存方法: 存資料 wx.setStorage(object) 相同key會覆蓋,可寫回調方法 獲取方法: wx.getStora

程式把玩Video API

電腦端不能測試拍攝功能只能測試選擇視訊功能,好像只支援mp4格式,值得注意的是成功之後返回的臨時檔案路徑是個列表tempFilePaths而不是tempFilePath文件寫的有點問題。 主要屬性

程式把玩navigation API

演示效果也看到了小程式也就提供這幾個處理導航控制。值得注意的是只能同時導航五個頁面 主要屬性: 導航條一些方法 wx.setNavigationBarTitle(object) 設定導航條的Title 導航標題可以通過三種方式設定,第一種是通過全域性

程式把玩獲取裝置資訊 API

獲取裝置資訊這裡分為四種, 主要屬性: 網路資訊wx.getNetWorkType, 系統資訊wx.getSystemInfo, 重力感應資料wx.onAcceleromete

程式把玩audio元件

音訊播放已經封裝的很好!只需配合屬性設定即可! (method和data配合使用) 主要屬性: wxml <audio action="{{action}}"

程式把玩image元件

image元件也是一個程式不可缺少的,可以這樣說一個app中image元件隨處可以看到,一般 image有兩種載入方式第一種是網路圖片第二種是本地圖片資源,都用src屬性去指定。 重點屬性:

程式把玩loading元件

loading通常使用在請求網路資料時的一種方式,通過hidden屬性設定顯示與否 主要屬性: wxml <!----> <button type="primary"

程式把玩video元件

視訊播放元件與圖片載入元件也沒啥差別,使用起來也沒啥注意的 重要屬性: wxml <!--監聽button點選事件--> <button bindtap="liste

程式把玩animation API

動畫水還是比較深的,這裡只是簡單介紹下小程式中動畫的一些屬性和注意事項,做動畫前一定要整理好思路將動畫一步步分解,再進行組合!這裡只做引入。 wx.createAnimation(object) 看官方介紹 1.建立一個動畫例項animation。呼叫例

程式把玩button元件

button按鈕用的算是最普遍的元件之一。 主要屬性: wxml <!--按鈕預設樣式,點選事件--> <button type="defaule" bindtap="c

程式把玩checkbox元件

不得不吐糟下checkbox預設樣式真是有點略醜!!!checkbox元件為一個多選框被放到checkbox-group組中,並在checkbox-group(只能包含checkbox)中設定監聽事

程式把玩text元件

通常文字設定要不在wxml中設定,再要不就是通過weml繫結在js中設定文字。 wxml <view > <text>我是文字元件</text>

程式把玩radio元件

radio元件為單選元件與radio-group組合使用,使用方式和checkbox沒啥區別 主要屬性: wxml <!--設定監聽器,當點選radio時呼叫--> &

程式把玩二十三modal元件

modal彈出框常用在提示一些資訊比如:退出應用,清楚快取,修改資料提交時一些提示等等。 常用屬性: wxml <!--監聽button點選事件--> <button b

程式把玩scroll-view元件

scroll-view為滾動檢視,分為水平滾動和垂直滾動。注意滾動檢視垂直滾動時一定要設定高度否則的話scroll-view不會生效。滾動檢視常用的地方一般都是Item項比較多的介面,比如我的模組

程式開發- 顯示 loading 提示框

首先看一張圖片,就是要做成的效果。 當我們點選查詢時,就會有一個請選擇地點的彈出框。 這個狀態我們只能去看微信開發文件了。 這個在API-介面-互動反饋-wx.hideLoading() 這

程式把玩資料繫結

資料繫結有一部分前幾個看著還行,後面的幾個可能有幾個不理解,介面展示的資料有的也因為條件沒法顯示。看不懂的可以先記著,後面真正用到時就會明白,反正我是這樣想的。這裡先記錄下 data.wxml

程式把玩十三progress元件

進度條描述的是一種載入的狀態,比如軟體升級下載進度, 視訊,圖片下載進度… 主要屬性: wxml <progress percent="80" show-inf