网站首页
精品模板
会员模板
建站资源
站长素材
建站教程
编程笔记
编程问答
建站教程
dedecms安装使用 dedecms开发 dedecms教程 pbootcms安装使用 pbootcms二次开发 pbootcms教程
沃梦达建站-建站教程-dedecms开发-正文

织梦cms中soso街景地图的实现方法

2014-08-21dedecms开发
52

这个需要在织梦cms中新建一个模型，对于一般的织梦人来讲建模型应该不是难事

如何在dede栏目设置中添加自定义字段

织梦cms中img.lib.php on line 51错误导制自定义模型栏目页生成不了的处理方法

http://map.soso.com/#pano=10111046130329131830300&heading=331&pitch=6&zoom=1

以这个地图为例，url中的
panno//场景ID
heading //偏航角
pitch //俯仰角
zoom //缩放

所以对应建立的织梦模型字段是
织梦cms中soso街景地图的实现方法

http://api.map.soso.com/doc_v2/example.html?sample-pano-fullscreen#4map
在打开soso给我们的示例

参考示例我们再街景的模板页中头部加入JS

  1. <script>
  3. var init = function() {
  4. // 创建街景
  5. var pano = new soso.maps.Panorama(document.getElementById(‘pano_holder’), {
  6. pano: ‘{wmd:field.panno/}’,
  7. disableMove: false,
  8. disableFullScreen: false,
  9. zoom:{wmd:field.zoom/},
  10. pov:{
  11. heading:{wmd:field.heading/},
  12. pitch:{wmd:field.pitch/}
  13. }
  14. });
  15. }
  16. </script>

然后body标签加入

  1. <body onLoad=”init()”>

最后在合适的位置加入

  1. <div style=”width:750px;height:500px” id=”pano_holder”></div>
  2. <script src=”http://www.genban.org/wp-content/uploads/image/2014/04/16242048y.jpg”></script>

就可以实现了。

最终结果如图

织梦cms中soso街景地图的实现方法

The End

相关推荐

织梦cms中soso街景地图的实现方法
这个需要在织梦cms中新建一个模型，对于一般的织梦人来讲建模型应该不是难事如何在dede栏目设置中添加自定义字段织梦cms中img.lib.php on line 51错误导制自定义模型栏目页生成不了的处理方法http://ma…...
2014-08-21 dedecms开发
52
织梦cms实现列表页单独的上一页下一页翻页效果
某个朋友要仿这个效果，在列表页单独调用上一页和下一页，以及首页，简单搞了一下，仅作上下翻页，主页类似，可自行添加。在模板中以{wmd:pagelist listitem="up"/}{wmd:pagelist listitem="down"/}…...
2014-08-21 dedecms开发
83

热门文章

1织梦导航栏的调用方法之顶级栏目、二级栏目及三级栏目 2dedecms模板中运用dede标签时使用php和if判断语句的方法 3dede织梦如何设置绑定二级域名 4dede实现手机wap浏览 5织梦dede后台 服务器左侧菜单空白或不显示的解决办法 6织梦DEDECMS在软件列表页调出下载链接,DEDE列表调用下载地址 7dedecms的uploads和data目录data/common.inc.php文件属性设置方 8DedeCMS修改模板默认CSS文件分析全过程

热门精品源码

最新VIP资源

1多功能实用站长工具箱html功能模板 2多风格简历在线生成程序网页模板 3论文相似度查询系统源码 4响应式旅游景点宣传推广页面模板 5在线起名宣传推广网站源码 6酷黑微信小程序网站开发宣传页模板 7房产销售交易中介网站模板 8小学作业自动生成程序