krpano是一个全景云图框架。可以用来处理全景照片,自动生成网页,实现全景浏览、VR浏览。它主要是一个JS框架,居于XML配置文件,可以进行各种配置或二次开发,实现各种炫酷效果。我感觉利用krpano可以轻易实现各种实景漫游、三维展示效果。当今世界疫情严重,搞在线博物馆或在线展览馆有实际意义;对于房屋中介,在线展示房屋单位估计也是行业标配。

krpano初体验_xml文件


​演示地址​

krpano初体验_krpano自定义地图_02


​演示地址​

这2天所做的项目有类似要求,我也初步体验了一下,记录心得如下:

一、处理全景照片

一张全景照片,要用krpano展示的话,先用它提供的工具处理下。处理过程出奇的简单,将全景照片(可以一次多张)拖到某个批处理文件上面就OK了:

krpano初体验_hotspot_03


然后系统就会生成一个网页项目。里面还有一个服务器,是一个exe文件。双击运行,即可看到全景效果。当然将项目放到web服务器,或者集成到我们项目里也是很容易的事情。以下就是生成的网页项目

krpano初体验_krpano_04

二、基于krpano的项目文件结构

krpano是基于配置文件的,好多效果和功能,都通过在xml文件里进行配置。而且它的xml文件还可以引用别的xml文件,利于模块化编程。

krpano初体验_krpano自定义地图_05

三、添加热点

将一张全景照片,自动旋转,全景浏览,一点都不新奇,许多框架、工具,甚至单纯用JS脚本都能做。但更为复杂的功能好像就不怎么支持。以下是用krpano在全景照片中添加热点的效果,鼠标移上去后变色,出提示文字,点击出详细信息:

krpano初体验_xml文件_06

krpano初体验_热点_07


krpano初体验_热点_08

四、自定义地图

krpano可以使用各种在线地图,比如谷歌,必应。也可以使用图片做的自定义地图,用于做缩略图,或者直观展示全景照片的地理位置等。

krpano初体验_热点_09


点击以上水滴即可切换全景照片。