在Django显示全景照片
django-panorama的Python项目详细描述
简介
django中jQuery virtual tour的集成。
一个模型存储全景照片,而其他一些模型表示 全景图中可单击的区域。目前有三种类型 可点击区域:
- 全景链接
- 链接到另一个全景,以允许虚拟巡演导航。
- 注意
- 显示带有html块的ajax弹出窗口(使用tinymce)
- 外部链接
- 在iframe中显示另一个url。
安装
- 安装django panorama egg和pip、buildout或其他什么。
- 将“全景”添加到已安装的应用程序中
- 将全景URL添加到项目URL:(r'^panoramas/',include('panorama.urls')),
- 运行syncdb
- 覆盖全景默认模板:templates/panorama/base.html
此应用程序使用django多语言ng和django tinymce。他们一定是 已安装并配置此应用程序才能运行。
迁移
如果要从1.1或更高版本升级,则需要进行数据库迁移。
Django Panorama使用South来保持数据库和模型的同步,因此 建议将“south”添加到已安装的应用程序中。
设置
无需配置。有一些可选配置 控制全景显示行为的参数。你可以把 项目设置中的以下变量.py:
- 全景视区宽度
全景窗口的宽度
值:以像素为单位的宽度。 默认值:600
- 全景图速度 全景旋转的速度。
- 全景图方向
旋转的起始方向。
值:[“左”,“右”] 默认:“左”
- 全景控制显示
显示旋转控制?
值:[“auto”,“yes”,“no”] 默认值:“auto”
- 全景开始位置 全景图的起始位置。
- 全景自动启动
自动开始旋转?
值:真、假 默认值:false
- 全景模式
在全景图上循环?
值:真、假 默认值:真
值:数字;值越大表示速度越慢:-p 默认值:20000
值:以像素为单位的位置。 默认值:0
集成
在模板中显示全景模型:
{% load panorama %} {% show_panorama panorama_object %}
javascript
此应用程序需要加载以下javascript库:jquery、jquery.panorama, jquery.fancybox和jquery.advanced-panorama。都和这个捆绑在一起 app;要加载前三个,可以使用panorama_js templatetag:
{% panorama_js %}
jquery.advanced-panorama案例不同,它是自动加载的,并且 位于/static/panorama/js/jquery.advanced-panorama.js。
管理界面使用OpenLayers,也与此应用捆绑在一起。可以是 在/static/panorama/js/OpenLayers.js中找到。
css
提供了css和媒体示例。加载:
<link rel="stylesheet" href="{{STATIC_URL}}panorama/jquery.panorama.css" /> <link rel="stylesheet" href="{{STATIC_URL}}panorama/jquery.fancybox-1.3.4.css" />
配置
配置选项可以通过上下文覆盖。例如:
{% with position=800 viewport_width=400 %} {% show_panorama panorama_object %} {% endwith %}
更改日志
0.1-未发布
- 初次发布。
- 基本支持全景图像。
- 显示图像的模板标记。
1.0-2011年1月20日
- 升级到django 1.3
- 为jquery virtual tour添加支持,这是jquery.panorama的增强功能。
- 通过jquery virtual tour支持notes和外部链接。
- 从gisa.panorama重命名为django panorama。
- 已删除命名空间包gisa。
- 增加了一些测试。
- 使用通用视图。
- 简化URL。
- 改进的模板。
- 从多语种迁移到多语种。
- 添加一些文档。
1.1-2011/01/20
- 固定装置和测试。
- 重命名的tem平板标记全景->;全景以避免冲突。
- 化妆品代码,文档字符串。
1.2-2011年1月30日
- 添加链接模型以允许全景之间的导航。
- 向南迁移。
- 将panoramaexternallink和panoramanote重命名为externallink和note。
- 将选项添加到settings.py以控制全景的默认行为 显示。
- 向全景模型添加字段以允许覆盖默认选项。
- 允许覆盖show_panoramatemplateTag中的选项。