Home Explore Project
Register Sign In
lyq
/
tpanorama
1
22
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Browse Source

updatecatalog

shiqi.li 6 years ago
parent
b220498596
commit
179f85312c
3 changed files with 0 additions and 252 deletions
Unified View Show Diff Stats
  1. 0 89
      page1.html
  2. 0 86
      page2.html
  3. 0 77
      page3.html

+ 0 - 89
page1.html
View File 

@@ -1,89 +0,0 @@
 
-<!DOCTYPE html>
 
-<html lang="en" xmlns="http://www.w3.org/1999/html">
 
-<head>
 
-    <meta charset="UTF-8">
 
-    <title>全景展示</title>
 
-    <script src="js/three.js"></script>
 
-    <script src="js/tpanorama.js"></script>
 
-    <style>
 
-        body {
 
-            margin: 0;
 
-            overflow: hidden;
 
-        }
 
-        #panoramaConianer {
 
-            overflow: hidden;
 
-            position: absolute;
 
-            height: 100%;
 
-            width: 90%;
 
-        }
 
-        #tool{
 
-            position: absolute;
 
-            right: 0px;
 
-            width:10%;
 
-            height: 100%;
 
-            background-color: cadetblue;
 
-            color:white;
 
-        }
 
-    </style>
 
-
 
-    <script>
 
-        var opt,tp;
 
-        window.onload = function () {
 
-            opt = {
 
-                container:'panoramaConianer',//容器
 
-                url:'img/p3.png',
 
-                lables:[
 
-                    {position:{lon:-72.00,lat:9.00},logoUrl:'',text:'蓝窗户'},
 
-                    {position:{lon:114.12,lat:69.48},logoUrl:'',text:'一片云彩'},
 
-                    {position:{lon:132.48,lat:-12.24},logoUrl:'',text:'大海'}
 
-                ],
 
-                widthSegments: 60,//水平切段数
 
-                heightSegments: 40,//垂直切段数（值小粗糙速度快，值大精细速度慢）
 
-                pRadius: 1000,//全景球的半径，推荐使用默认值
 
-                minFocalLength: 6,//镜头最a小拉近距离
 
-                maxFocalLength: 100,//镜头最大拉近距离
 
-                showlable: 'show' // show,click
 
-            }
 
-            tp = new tpanorama(opt);
 
-            tp.init();
 
-        }
 
-
 
-        function changeImg(name) {
 
-            opt.lables = [];
 
-            if (name == "p1"){
 
-                opt.lables = [{position:{lon:178.56,lat:-15.84},text:'神像'}]
 
-            }
 
-            if (name == "p2"){
 
-                opt.lables = [{position:{lon:-80.64,lat:-16.92},text:'蓝色'},{position:{lon:46.80,lat:10.44},text:'绿色'}]
 
-            }
 
-            if (name == "p4"){
 
-                opt.lables = [{position:{lon:48.96,lat:-20.16},text:'樱花'}]
 
-            }
 
-            opt.url = 'img/'+name+'.png';
 
-            tp.clean();
 
-            tp.config(opt);
 
-            tp.init();
 
-        }
 
-
 
-    </script>
 
-</head>
 
-<body>
 
-
 
-<div id="panoramaConianer"></div>
 
-
 
-<div id="tool">
 
-    </br>
 
-    </br>
 
-    <button onclick="changeImg('p1')">图1</button>
 
-    </br>
 
-    </br>
 
-    <button onclick="changeImg('p2')">图2</button>
 
-    </br>
 
-    </br>
 
-    <button onclick="changeImg('p4')">图4</button>
 
-    </br>
 
-    </br>
 
-</div>
 
-
 
-</body>
 
-</html>

+ 0 - 86
page2.html
View File 

@@ -1,86 +0,0 @@
 
-<!DOCTYPE html>
 
-<html lang="en">
 
-<head>
 
-    <meta charset="UTF-8">
 
-    <title>全景标记设置(自动参数)</title>
 
-    <script src="js/three.js"></script>
 
-    <script src="js/tpanorama.js"></script>
 
-
 
-    <style>
 
-        body {
 
-            margin: 0;
 
-            overflow: hidden;
 
-        }
 
-
 
-    </style>
 
-
 
-    <script>
 
-        var opt,s;
 
-        window.onload = function () {
 
-            //默认参数
 
-             opt = {
 
-                container: 'set',//setting容器
 
-                imgUrl: 'img/p3.png',
 
-                width: '1000px',//指定宽度，高度自适应
 
-                showGrid: true,//是否显示格网
 
-                showPosition: true,//是否显示经纬度提示
 
-                lableColor: '#9400D3',//标记颜色
 
-                gridColor: '#48D1CC',//格网颜色
 
-                lables: [
 
-                    {lon:-72.00,lat:9.00,text:'蓝窗户'},{lon:114.12,lat:69.48,text:'一片云彩'},{lon:132.48,lat:-12.24,text:'大海'}
 
-                    ],//标记   {lon:114,lat:38,text:'标记一'}
 
-                addLable: true,//开启后双击添加标记  (必须开启经纬度提示)
 
-                getLable: true,//开启后右键查询标记  (必须开启经纬度提示)
 
-                deleteLbale:true//开启后中键删除(必须开启经纬度提示)
 
-            };
 
-            s = new tpanoramaSetting(opt);
 
-            s.init();
 
-        }
 
-        function getAll () {
 
-            var arr =  s.getAllLables();
 
-            var str =  "";
 
-            for(var i in arr){
 
-                str += "</br>" + "经度："+arr[i].lon+",纬度："+arr[i].lat+",标记："+arr[i].text ;
 
-            }
 
-            document.getElementById('info').innerHTML = str;
 
-        }
 
-
 
-        function changeImg(name) {
 
-            if (name == "p1"){
 
-                opt.lables = [{lon:178.56,lat:-15.84,text:'神像'}]
 
-            }
 
-            if (name == "p2"){
 
-                opt.lables = [{lon:-80.64,lat:-16.92,text:'蓝色'},{lon:46.80,lat:10.44,text:'绿色'}]
 
-            }
 
-            if (name == "p4"){
 
-                opt.lables = [{lon:48.96,lat:-20.16,text:'樱花'}]
 
-            }
 
-            opt.imgUrl = 'img/'+name+'.png';
 
-            s.clean();
 
-            s.config(opt);
 
-            s.init();
 
-        }
 
-
 
-
 
-    </script>
 
-</head>
 
-<body>
 
-
 
-<div id="set"></div>
 
-
 
-</br>
 
-
 
-<button onclick="getAll()">获取所有标记</button>
 
-&nbsp;&nbsp;
 
-<button onclick="changeImg('p1')">图1</button>
 
-&nbsp;&nbsp;
 
-<button onclick="changeImg('p2')">图2</button>
 
-&nbsp;&nbsp;
 
-<button onclick="changeImg('p4')">图4</button>
 
-
 
-</br>
 
-
 
-<div id="info"></div>
 
-
 
-</body>
 
-</html>

+ 0 - 77
page3.html
View File 

@@ -1,77 +0,0 @@
 
-<!DOCTYPE html>
 
-<html lang="en">
 
-<head>
 
-    <meta charset="UTF-8">
 
-    <title>全景标记设置(自定义参数)</title>
 
-    <script src="js/three.js"></script>
 
-    <script src="js/tpanorama.js"></script>
 
-
 
-    <style>
 
-        body {
 
-            margin: 0;
 
-            overflow: hidden;
 
-        }
 
-
 
-    </style>
 
-
 
-    <script>
 
-        var opt,s;
 
-        window.onload = function () {
 
-            opt = {
 
-                container: 'set',//setting容器
 
-                imgUrl: 'img/p3.png',
 
-                width: '1000px',//指定宽度，高度自适应
 
-                showGrid: true,//是否显示格网
 
-                showPosition: true,//是否显示经纬度提示
 
-                lableColor: '#9400D3',//标记颜色
 
-                gridColor: '#48D1CC',//格网颜色
 
-                lables: [
 
-                    {lon:-72.00,lat:9.00,text:'蓝窗户'},{lon:114.12,lat:69.48,text:'一片云彩'},{lon:132.48,lat:-12.24,text:'大海'}
 
-                ],//标记   {lon:114,lat:38,text:'标记一'}
 
-                addLable: false,//开启后双击添加标记  (必须开启经纬度提示)
 
-                getLable: false,//开启后右键查询标记  (必须开启经纬度提示)
 
-                deleteLbale:false//开启后中键删除(必须开启经纬度提示)
 
-            };
 
-            s = new tpanoramaSetting(opt);
 
-            s.init();
 
-            s.listen('dblclick',function (e) {
 
-                var text = prompt("标记名称");
 
-                if (text!=null && text!= undefined && text!="") {
 
-                    s.addLable(e,text);
 
-                    alert("添加标记："+text+" 后台交互");
 
-                }
 
-            });
 
-            s.listen('mousedown',function (e) {
 
-                if (e.button == 2) {
 
-                    var p = s.getLable(e);
 
-                    if (p.lon!=null &&p.lon!=undefined&&p.lon!="" ) {
 
-                        alert("经度：" + p.lon + ",纬度：" + p.lat + ",名称：" + p.text +"   其他操作");
 
-                    }
 
-                }
 
-            });
 
-            s.listen('mousedown',function (e) {
 
-                if (e.button == 1) {
 
-                    var p = s.getLable(e);
 
-                    if (p.lon!=null &&p.lon!=undefined&&p.lon!="" ) {
 
-                        var c = confirm("您确认要删除该标记吗？");
 
-                        if (c) {
 
-                            s.delete(p);
 
-                            s.clean();
 
-                            s.init();
 
-                            alert("删除成功！   后台交互")
 
-                        }
 
-                    }
 
-                }
 
-            });
 
-        };
 
-
 
-
 
-    </script>
 
-</head>
 
-<body>
 
-
 
-<div id="set"></div>
 
-
 
-
 
-</body>
 
-</html>