Skip to content

使用Vue+Element-UI开发的Krpano全景漫游项目

Notifications You must be signed in to change notification settings

eggbucket/vrsystem_krpano

 
 

Repository files navigation

全景漫游平台

简介

krpano官方提供的编辑功能都是通过内嵌flash实现的,对于不懂flash开发的同学不太友好。于是就做了一个Vue版本的编辑器。

ReadMe

使用说明:

访问地址:https://baotao1997.github.io/vrsystem_krpano/dist/index.html#/ (无后台无法保存) 预览页面:https://baotao1997.github.io/vrsystem_krpano/dist/static/tour.html

vrsystem_1.0包含热点切换以及热点编辑配置,以及相关特效功能,并在node中包含保存热点信息和上传背景音乐接口(Node实现),使用简单的nodejs express提供静态资源服务器功能,以及提供保存接口实现本地tour.xml文件的修改,具体参考app.js文件,项目核心难点是对krpano的各种html api的理解,具体参考官网文档即可还有很多功能可以完善。

Todo

  • 上传全景视频
  • 上传背景音乐列表
  • 上传全景图片列表
  • 添加热点类型,编辑热点操作
  • 皮肤样式自定义设置
  • 级联选择器
  • 添加图层嵌入
  • 处理Krpano的加载问题
  • 添加高德地图和百度地图的API接口功能
  • 添加对应的热点类型
  • 采用Vuex和多组件形式改善加载速度
  • 多边形热点,图片/图像热点编辑和保存功能

安装

npm install

npm run dev

npm run build

npm run build --report

About

使用Vue+Element-UI开发的Krpano全景漫游项目

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • Vue 49.2%
  • JavaScript 26.5%
  • CSS 21.0%
  • HTML 3.3%