(注: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)
//circles.wxml
"mymap
" style='
width:100%;height:50%
' longitude="
}" latitude="
}" polyline='
}'/>
//.js
page(, , , ],
width:2,
color:
'#000000aa',
dottedline:
false
}] }
})
在地圖上顯示圓
引數名引數型別
必傳描述
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半徑
//controls.wxml
"mymap
" style='
width:100%;height:50%
' longitude="
}" latitude="
}" circles='
}'/>
//.js
page(]}})
在地圖上顯示控制項,控制項不隨地圖移動
引數名引數型別
必傳描述
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.只有 允許 後才能開啟漂流瓶,檢視到信件內容。以下是顯示和不顯示自...