微信小程式 獲取位置資訊

2022-04-03 21:15:16 字數 4411 閱讀 1739

(注:getloaction需要使用者授權scope.userlocation)結合map元件能夠得到使用者的詳細定位

"

map" longitude="

}" latitude="

}" scale="

14" show-location style="

width: 100%; height: 400rpx;

">

onready:function())}})

}

引數名引數型別

描述longitude

number

中心經度

latitude

number

中心緯度

scale

number

縮放級別,取值範圍 5-18(預設16 number)

markers

array

標記點polyline

array

路線circle

array

圓controls

array

控制項include-points

array

縮放視野以及所有給定的座標點

circle

boolean

圓show-location

eventhandle

顯示帶有方向的當前定位點

bindmarkertap

eventhandle

點選標記點時觸發

bindcontroltap

eventhandle

點選控制項時觸發

bindregionchange

eventhandle

視野發生變化時觸發

bindtap

eventhandle

點選地圖時觸發

除了顯示基本地圖,還可以在地圖上新增markers–標註,polyline–折線,circles–圓形,controls–控制項。

markers

data: ,

width: 35,

height:

45}],

...

//省略**

}

引數名引數型別

必傳描述

idnumber

n標記點id(marker事件**會返回此id)

longitude

number

y中心經度(浮點數,範圍:-180~180)

latitude

number

y中心緯度(浮點數,範圍:-90~90)

title

string

n標註點名

iconpath

string

y顯示的圖示(專案目錄下的路徑,支援相對路徑寫法,以『/』開頭,則表示相對小程式的根目錄,也支援臨時路徑)

rotate

number

n旋轉角度(順時針旋轉的角度,範圍:0~360,預設0)

alpha

number

n標註的透明度(預設1,無透明)

width

number

n標註圖示寬度(預設圖示實際寬度)

height

number

n標註圖示高度(預設圖示實際高度)

callout

object

n自定義標註點上方的氣泡視窗 ()

label

object

n為標記點旁邊增加標籤(,可識別換行符,x,y原點是marker對應的經緯度)

polyline

指定一系列座標點,從陣列第一項連線至最後一項

引數名引數型別

必傳描述

points

array

y經緯度陣列()

color

string

n線的顏色(8位16進製表示,後兩位表示alpha值,如:#000000aa)

width

number

n線的寬度

dotted'line

boolean

n是否是虛線(預設false)

//

.wxml

"mymap

" style='

width:100%;height:50%

' longitude="

}" latitude="

}" polyline='

}'/>

//.js

page(, , , ],

width:2,

color:

'#000000aa',

dottedline:

false

}] }

})

circles

在地圖上顯示圓

引數名引數型別

必傳描述

longitude

number

y中心經度(浮點數,範圍:-180~180)

latitude

number

y中心緯度(浮點數,範圍:-90~90)

color

string

n描邊顏色(8位16進製表示,後兩位表示alpha值,如:#000000aa)

fill'color

string

n填充顏色(8位16進製表示,後兩位表示alpha值,如:#000000aa)

strokewidth

number

n描邊寬度

radius

numbery半徑

//

.wxml

"mymap

" style='

width:100%;height:50%

' longitude="

}" latitude="

}" circles='

}'/>

//.js

page(]}})

controls

在地圖上顯示控制項,控制項不隨地圖移動

引數名引數型別

必傳描述

idnumber

n控制項id(在控制項點選事件**返回此id)

position

object

y控制項在地圖的位置(控制項相對地圖位置)

icon'path

string

y顯示的圖示(專案路徑下的路徑,支援相對路徑寫法,以『/』開頭表示相對小程式的根目錄)

clickable

boolean

n是否可點選(預設不可點選)

position

引數名引數型別

必傳描述

left

number

n距離地圖左邊界的距離(預設為0)

topnumber

n距離地圖上邊界的距離(預設為0)

width

number

n控制項寬度(預設寬度)

height

number

n控制項高度(預設高度)

//

.wxml

"mymap

" style='

width:100%;height:400px

' longitude="

}" latitude="

}" controls='

}' bindcontroltap='

controltap

'/>

//.js

page(,

clickable:

true

}] }

}),controltap: function (e)

#可以通過在map上新增乙個按鈕,來實現諸如:定位、狀態返回等操作。

#(直接通過布局檔案在map上新增view是顯示不出來的)

繫結事件

引數名引數型別

描述bindmarkertap

eventhandel

點選標記點時觸發

bindcontroltap

eventhandel

點選控制項時觸發

bindregionchange

eventhandel

視野發生變化時觸發

bindtap

eventhandel

點選地圖時觸發

bug關於經緯度,官方文件上都寫的是number型別。但是通過ide除錯的時候,寫成字串也是可以的。但是在ios真機上執行時,markers卻顯示不出來,也不報錯。

後來自己對照屬性的型別,發現後台傳來的經緯度是字串型別的。而字串型別的經緯度在ios真機上經測試就是顯示不出來。

所以將字串轉成number型別即可。

微信小程式之獲取當前位置資訊

經緯度 wx.getlocation 申請開發者金鑰 key 申請金鑰 安全網域名稱設定,在 設定 開發設定 中設定request合法網域名稱,新增 根據經緯度獲取城市名稱 wx.getlocation success res fail res 配置sdk 在專案目錄建立乙個資料夾libs 在目標....

獲取位置資訊

按照 深入淺出google android 上第八章 第一節的講解,把程式寫好,執行後,總是顯示 無法獲取位置資訊 後來才知道,模擬器執行起來後,要點下emnulate control視窗中的send按鈕,再執行程式,程式才能顯示出經緯度。我是分割線 搞了半天,不知道怎麼上傳該專案。貼下源 吧,主檔...

如何獲取微信好友的地理位置資訊

這是我們曾經碰到的三個真實場景。2.選擇自己隱私選項,對方資訊獲取選項,填寫信件內容,選擇漂流瓶有效時間。3.提交訂單,確認付款 4.支付成功後,將收到方倍工作室發來的漂流瓶鏈結位址。5.開啟位址,將彈出是否允許公眾賬號獲得位址。6.只有 允許 後才能開啟漂流瓶,檢視到信件內容。以下是顯示和不顯示自...