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

这个需要在织梦cms中新建一个模型,对于一般的织梦人来讲建模型应该不是难事如何在dede栏目设置中添加自定义字段织梦cms中img.lib.php on line 51错误导制自定义模型栏目页生成不了的处理方法http://ma…

这个需要在织梦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>
  2. var init = function() {
  3. // 创建街景
  4. var pano = new soso.maps.Panorama(document.getElementById(‘pano_holder’), {
  5. pano: ‘{dede:field.panno/}’,
  6. disableMove: false,
  7. disableFullScreen: false,
  8. zoom:{dede:field.zoom/},
  9. pov:{
  10. heading:{dede:field.heading/},
  11. pitch:{dede:field.pitch/}
  12. }
  13. });
  14. }
  15. </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街景地图的实现方法

本站部分内容来源互联网,如果有图片或者内容侵犯您的权益请联系我们删除!

相关文档推荐

某个朋友要仿这个效果,在列表页单独调用上一页和下一页,以及首页,简单搞了一下,仅作上下翻页,主页类似,可自行添加。在模板中以{dede:pagelist listitem="up"/}{dede:pagelist listitem="down"/}…