全景点地图浏览，支持web浏览器和h5移动端

最新推荐文章于 2024-08-22 09:19:16 发布

一醉千秋

最新推荐文章于 2024-08-22 09:19:16 发布

阅读量123

点赞数

分类专栏： WebGL 3D Cesium 文章标签：前端

本文链接：https://blog.csdn.net/Thor027/article/details/137819058

版权

17 篇文章 2 订阅 ¥19.90 ¥99.00

订阅专栏

10 篇文章 1 订阅 ¥9.90 ¥99.00

订阅专栏

博客介绍了如何利用Opanorama.js，一个基于Three.js的全景图JS库，来创建同时支持手势和陀螺仪的全景图，并将其集成到Cesium中。在移动端应用效果良好，但在PC端的Web浏览器中需要扩展监听事件以支持鼠标操作。通过核心代码实现PC端的全景图浏览，提供了html调用示例。

摘要由CSDN通过智能技术生成

Opanorama是一个同时支持手势和陀螺仪的web全景的JS库 Opanorama.js -- 基于Threejs，同时支持手势和陀螺仪的web全景JS库

环境配置：three.js+opanorama.js

需求：集成全景图到Cesium

opanorama官方源码：https://github.com/azuoge/Opanorama
搜索opanorama相关资料较多，

例如：https://blog.csdn.net/u013412391/article/details/128285448

使用体验以后，主要是在移动端应用场景，在PC上的web浏览器中，无法操作全景图，遂查阅源码，扩展web浏览器监听事件，支持使用鼠标进行全景图浏览。

核心代码实现如下：isMobile用来判断PC端和移动端。当然在chrome浏览器调试模式下，也可以模拟h5交互。

{
	key: "bind",
	value: function() {
		var t = this.config.container;
		if(isMobile){
			t.addEventListener("touchstart", this._bindStart = th

了解本专栏

关注

专栏目录