- 首先在html中引入cdn
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/pannellum@2.5.6/build/pannellum.js"></script>
- 然后在页面中定义一个div
<div id="panorama">
mounted () {
// 参考文档 全景图 https://pannellum.org/
console.log('www');
pannellum.viewer('panorama', {
"type": "equirectangular",
"autoLoad": true,
"panorama":'https://pannellum.org/images/tocopilla.jpg', //图片地址
"pitch":0
});
非常的简单