校园春色亚洲色图_亚洲视频分类_中文字幕精品一区二区精品_麻豆一区区三区四区产品精品蜜桃

主頁 > 網(wǎng)站建設(shè) > 建站知識 > 織夢cms中soso街景地圖的實(shí)現(xiàn)方法

織夢cms中soso街景地圖的實(shí)現(xiàn)方法

POST TIME:2019-05-23 00:01

這個需要在織夢cms中新建一個模型,對于一般的織夢人來講建模型應(yīng)該不是難事

如何在dede欄目設(shè)置中添加自定義字段

織夢cms中img.lib.php on line 51錯誤導(dǎo)制自定義模型欄目頁生成不了的處理方法

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

以這個地圖為例,url中的
panno//場景ID
heading //偏航角
pitch //俯仰角
zoom //縮放

所以對應(yīng)建立的織夢模型字段是

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

參考示例我們再街景的模板頁中頭部加入JS

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

然后body標(biāo)簽加入

  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>

就可以實(shí)現(xiàn)了。

最終結(jié)果如圖



收縮
  • 微信客服
  • 微信二維碼
  • 電話咨詢

  • 400-1100-266
主站蜘蛛池模板: 万载县| 青岛市| 邮箱| 城固县| 拜城县| 临颍县| 繁昌县| 略阳县| 云梦县| 灌云县| 涿州市| 虹口区| 五峰| 荣昌县| 长宁县| 渑池县| 伊春市| 荔波县| 濮阳县| 和政县| 瑞丽市| 永济市| 香河县| 宜州市| 漾濞| 景东| 沁源县| 客服| 馆陶县| 铁岭县| 鸡东县| 辽阳县| 丰台区| 阳东县| 偃师市| 峨山| 山东省| 常宁市| 邵武市| 平罗县| 逊克县|