1、前言 客户需求需要实现VR看房功能。使用技术为微信小程序+springboot。2、工具 ①下载PtGui绘制全景图工具:https://www.jb51.net/softs/743790.html ②下载Pannellum:https://pannellum.org/download/3、前端页面 使用web-view标签,src为后端页面地址,id为自定义参数4、后端方法html代码Asimpleexample//引入pannellum的js和css文件#panorama{width:600px;height:400px;}//创建div放全景图/
1、前言 客户需求需要实现VR看房功能。使用技术为微信小程序+springboot。2、工具 ①下载PtGui绘制全景图工具:https://www.jb51.net/softs/743790.html ②下载Pannellum:https://pannellum.org/download/3、前端页面 使用web-view标签,src为后端页面地址,id为自定义参数4、后端方法html代码Asimpleexample//引入pannellum的js和css文件#panorama{width:600px;height:400px;}//创建div放全景图/
简介是什么-Pannellum是一个可以利用全景图片来生成VR场景展示的插件。特点-可以加载一张全景图片,也可以加载多张图片合成一个场景;可以设定hotSpots来进行标记场景中的特定事物,也可以来进行场景之间的切换来展示较大视图的不同部分;使用场景-VR看房下载pannellum下载地址:https://pannellum.org/download/基本demo配置这里是基本前提配置,后面demo省略这里,只展示js部分DOCTYPEHTML>html>head>metacharset="utf-8">metaname="viewport"content="width=device-widt