1. 程式人生 > >微信小程式:檢視街景

微信小程式:檢視街景

微信小程式JavaScript SDK功能有限,並沒有街景有關的功能,倒是某些功能的返回值卻有街景的引數資訊,例如:在這裡插入圖片描述
假設已經獲得街景panoid:10111014141206101021600,
可以使用小程式的web-view元件來實現街景功能
1,wxml中只需要一個容器就行了

<web-view src="{{pano}}"></web-view>

2,js中設定data就可以了

data: {
	pano: ''
},
//options.id即上一個頁面傳過來的panoid
onLoad: function (options) {
	// console.log(options.id)
var pano = 'https://apis.map.qq.com/uri/v1/streetview?pano=' + options.id + '&heading=236&pitch=8&zoom=1&referer=OB4BZ-D4W3U-B7VVO-4PJWW-6TKDJ-WPB77' this.setData({ pano: pano }) },