全国400电话网上服务平台
强大号码库资源任选，方便，快捷，快速开通。
咨询热线：400-1100-266
强大号码库资源任选，方便，快捷，快速开通。
咨询热线：400-1100-266
织梦cms中soso街景地图的实现方法
POST TIME:2019-05-23 00:01
这个需要在织梦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 //缩放
所以对应建立的织梦模型字段是
http://api.map.soso.com/doc_v2/example.html?sample-pano-fullscreen#4map
在打开soso给我们的示例
参考示例我们再街景的模板页中头部加入JS
- <script>
- var init = function() {
- // 创建街景
- var pano = new soso.maps.Panorama(document.getElementById(‘pano_holder’), {
- pano: ‘{dede:field.panno/}’,
- disableMove: false,
- disableFullScreen: false,
- zoom:{dede:field.zoom/},
- pov:{
- heading:{dede:field.heading/},
- pitch:{dede:field.pitch/}
- }
- });
- }
- </script>
然后body标签加入
- <body onLoad=”init()”>
最后在合适的位置加入
- <div style=”width:750px;height:500px” id=”pano_holder”></div>
- <script src=”http://www.genban.org/wp-content/uploads/image/2014/04/16242048y.jpg”></script>
就可以实现了。
最终结果如图
Copyright © 2003-2016
时间：9:00-21:00 (节假日不休)
版权所有:巨人网络(扬州)科技有限公司
总部地址：江苏省信息产业基地11号楼四层
《增值电信业务经营许可证》 苏B2-20120278
时间：9:00-21:00 (节假日不休)
版权所有:巨人网络(扬州)科技有限公司
总部地址：江苏省信息产业基地11号楼四层
《增值电信业务经营许可证》 苏B2-20120278
