iOS全景漫游_html/css_WEB-ITnose

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了iOS全景漫游_html/css_WEB-ITnose，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含2028字，纯文字阅读大概需要3分钟。

内容图文

前言

最近在做个房地产的项目，需要有全景的效果。在网上google了一番，发现了PanoramaGL这个库，但是好久没更新了。尝试着拖到工程中用了下，更改了一些PLConstants.h的最大图片尺寸的参数，便可以跑起来了。

但是

不幸的是，设置scrollEnable=YES后，滑动一下，便会一直不停的旋转。因为滑一下，在PLViewBase中，就会启动个timer/CADisplaylink进行刷新，不断调用drawViewInternally。后来想了个粗暴的办法，就是在drawViewInternally里面，延迟0.4s将其stop。但是这样一来，停的有点突然，不够平滑。╮(╯▽╰)╭，又不知道怎么去改源码，所以寻找另外的解决方法。

新发现

还是google，发现有pano2vr可以将全景图片转换成html，并且切换的很平顺。然后在app里面，弄个webview就够了。要吐槽一下的是，它是个付费软件，没找到mac的破解版，而mac的试用版，会打水印，没法用。后来还是切到了win版，下了个破解的。

简单实用

用起来还是蛮方便的，将图片拖进去，支持一张全景图，或者6张立体的。然后设置参数，一般都不需要怎么设置，我只是将html设置了全屏。

还可设置hotspot，并且可以编辑皮肤，使用自定义的图片。总体还是比较方便的。视频1 ，视频2

qq有一篇讲实现全景星球的文章，里面有比较详细的对各种全景工具的分析对比，可戳这里。

接入到app

其实在这一步，还是有点坎坷的。主要是图片路径惹的祸。因为是以黄色文件夹加进去的，所以所有的资源都在mainbundle下面，没有层级了，而它自动生成的xml里面的image路径，是images/xx.jpg的。所以需要手动修改路径，将images/去掉，直接引用xx.jpg。

还有一点要注意，就是加载本地html时，baseURL的设定。需要设置为[[NSBundle mainBundle] bundleURL]。如果设置为nil，会出现提示。因为它找不js文件和img。

This content requires HTML5/CSS3, WebGL, or Adobe Flash Player Version 9 or higher.

  NSString *path = [[NSBundle mainBundle] pathForResource:@"A5_cube" ofType:@"html"];  NSString *data = [NSString stringWithContentsOfFile:path encoding:NSUTF8StringEncoding error:nil];  [_webView loadHTMLString:data baseURL:[[NSBundle mainBundle] bundleURL]];

最后，如果还遇到js找不到或没有执行的情况，请检查build phase-->compile source里有没有它的身影。如有，将其拖至copy bundle resource中。

不过我用xcode 7.3直接拖进去，是正常的。

呼哈哈，坑，终于填满了。

内容总结

以上是互联网集市为您收集整理的iOS全景漫游_html/css_WEB-ITnose全部内容，希望文章能够帮你解决iOS全景漫游_html/css_WEB-ITnose所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

---