12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697 |
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="UTF-8">
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <title>Document</title>
- <style>
- html,
- body{
- width: 100%;
- height: 100%;
- margin: 0;
- overflow: hidden;
- }
- .scene{
- width: 100%;
- height: 100%;
- }
- #toolbar{
- position: absolute;
- left: 50%;
- top: 0;
- z-index: 10000;
- }
- </style>
- </head>
- <body>
- <div id="scene" class="scene"></div>
- <div id="toolbar">
- <button onclick="enter()">进入“漫游可行”</button>
- <button onclick="confirm()">保存点位</button>
- <button onclick="showPoint()">显示点位</button>
- <button onclick="hidePoint()">隐藏点位</button>
- <button onclick="exit()">退出</button>
- </div>
- <script src="../dist/sdk/kankan-sdk-deps.js"></script>
- <script src="../dist/sdk/kankan-sdk.js"></script>
- <script>
- window.dontForbitSetsize = true
- var kankan = new KanKan({
- dom:'#scene',
- num:'t-YhBCzQr'
- })
- kankan.use("Controls")
- kankan.use("Tag").then(tour=>{
-
- })
- kankan.render()
- kankan.Scene.on('loaded',()=>{
-
- })
-
- function enter(){
- kankan.WalkManager.edit.enter();
- }
-
- function exit() {
- kankan.WalkManager.edit.exit()
- }
- function confirm() {
- kankan.WalkManager.edit.save( (hasChanged, afterSave) => {
- new Promise((resolve, reject) => {
- if (!hasChanged) return resolve() //没有更改
-
- const data = { data: JSON.stringify(visi) }
- data.sceneNum = kankan.config.projectNum
-
- http.post('api/scene/edit/saveLinkPano', data, () => {
- resolve()
- afterSave()
- }, reject)
- })
- })
- }
- function linkAllPoint(){
- kankan.WalkManager.edit.toggle("all");
- }
-
- function showPoint(){
- kankan.WalkManager.edit.toggle(true);
- }
- function hidePoint(){
- kankan.WalkManager.edit.toggle(false);
- }
-
- </script>
- </body>
- </html>
|