更新于 2024.4.19 krpano 1.21.2
官方下载包路径
你电脑的路径\krpano-1.21.2\viewer\examples\custom-contextmenu
提示:如果不明白下载包路径是什么,请查看 循序渐进(3)- krpano下载包的使用说明
更新于 2024.4.19 krpano 1.21.2
你电脑的路径\krpano-1.21.2\viewer\examples\custom-contextmenu
提示:如果不明白下载包路径是什么,请查看 循序渐进(3)- krpano下载包的使用说明
你电脑的路径\krpano-1.20.9\viewer\examples\image-gallery\
提示:如果不了解何谓下载包路径,请查看 循序渐进(3)- krpano下载包的使用说明
Google Maps Plugin googlemaps.jsVersion 1.22
插件文档主题:
以下隐藏内容只提供VIP赞助会员,VIP会员说明请查看置顶文章
下一页为1.21文档
Bing Maps Plugin bingmaps.swf / bingmaps.jsVersion 1.20.11
插件文档主题:
<layer>或<plugin>元素可以用于嵌入图像、HTML元素(如iframe)、按钮或动态插件。它与hotspot元素的区别就在于它的定位是屏幕坐标,坐标系是以浏览器窗口本身作为参照的,子元素则相对于父元素作为坐标参照系。hotspot元素则是相对于3D空间的球面坐标系进行定位。直观的感受就是,当我们转动全景时,layer元素通常是相对于屏幕不动的,它不会随着全景的转动而移动。所以我们会用layer元素来做皮肤。hotpsot元素就如同是3D空间中的一个“固有”的对象,就像“粘贴”住一样,会随同转动一同移动。所以我们用hotspot元素来做引导方向和指示场景中物体的热点。
另外,layer和plugin在本质上是一样的元素,区别就是名字不一样,就好比广东和粤的区别。
layer元素官方说明文档 以及 layer元素从入门到精通
因为内容有重复,建议可直接查看 layer元素从入门到精通 (更多…)
这是一个批处理文件加模版的插件navi360(MULTIRES) droplet,只要把相应的文件放到krpano的文件夹中,然后像普通生成那样,将全景图拖到对应的droplet,即可生成下面的效果。可以通过右下方的小缩略图看到当前的位置。这在超高分辨率的全景浏览中非常有用。演示中的demo是用理光的theta s全景相机拍摄的。
请点击全屏按钮查看
无论是哪一个版本的krpano,其使用MAKE VTOUR生成默认skin时,如果导航栏缩略图宽度比当前窗口要大时,也就是窗口宽度放不下全部缩略图的情况下,当你点击视图中某个缩略图,缩略图是不会自动滚动到中部的,也就是说,如果你要点击窗口之外的缩略图,你要点击两边的箭头让相应的场景缩略图滚动到中部,然后再点击。这样自然麻烦,我们现在要实现的是,如果缩略图总宽度小于窗口宽度时,让当前场景的缩略图自动滚动到导航栏中部。
用代码编辑器打开skin文件夹中的vtourskin.xml文件,找到下面的
1 |
<action name="skin_update_scene_infos"> |
的一句代码:
1 |
txtadd(parentname, 'skin_thumb_', get(scene[get(xml.scene)].index)); |
如果你是1.19版本,你可以将上述代码改为:
1 2 |
txtadd(parentname, 'skin_thumb_', get(scene[get(xml.scene)].index)); layer[skin_thumbs].scrolltocenter(calc(layer[get(parentname)].x + skin_settings.thumbs_width /2),0); |
如果你是1.18版本,你可以将上述代码改为:
1 2 3 4 |
txtadd(parentname, 'skin_thumb_', get(scene[get(xml.scene)].index)); div(now_x,skin_settings.thumbs_width,2); add(now_x,layer[get(parentname)].x); layer[skin_thumbs].scrolltocenter(get(now_x),0); |
在微软的iis服务器上,有一个小问题——这种服务器默认下没有对应”.license”文件扩展名的MIME类型。因此,krpano授权文件会无法载入,然后会出现授权错误。
你可以在浏览器中打开授权文件的路径进行测试:
如果你得到了404错误,那么服务器可能就是IIS服务器,这可能就是IIS问题。
我们常常遇到这种情况,全景在手机上显示黑屏,通常这都是因为语法错误所导致的。我们需要避免krpano的语法错误。一个办法是将xml文件直接拖拽到浏览器中,如果没有错误,会显示完整的xml代码。如果有错误就会显示如下的提示信息。
以下隐藏内容只提供VIP赞助会员,VIP会员说明请查看置顶文章
下面是在浏览器上测试HTML5兼容性的示例 – 左侧为HTML5右侧为Flash:
需要使用krpano Javascript-Interface object来获取从krpano到Javascript的权限。
可通过以下某种方式获取对象: