微信小程序:查看街景

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/augustu1/article/details/85466281

微信小程序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
	})
},

猜你喜欢

转载自blog.csdn.net/augustu1/article/details/85466281