12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879 |
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="UTF-8">
- <title>全景标记设置(自定义参数)</title>
- <script src="src/three.js"></script>
- <script src="src/tpanorama.js"></script>
- <style>
- body {
- margin: 0;
- overflow: hidden;
- }
- </style>
- <script>
- var opt, s;
- window.onload = function () {
- opt = {
- container: 'set',
- 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: '大海' }
- ],
- 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>
|