tedp

<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>云渲染接口示例</title> <meta name="renderer" content="webkit"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <meta name="apple-mobile-web-app-status-bar-style" content="black"> <meta name="apple-mobile-web-app-capable" content="yes"> <meta name="format-detection" content="telephone=no"> <link rel="stylesheet" href="./style/layui.css" media="all"> <link rel="stylesheet" href="./style/global.css" media="all"> <script src="scripts/hm.js"></script> <link id="layuicss-skincodecss" rel="stylesheet" href="./style/code.css" media="all"> <link id="layuicss-layer" rel="stylesheet" href="./style/layer.css" media="all"> <script> var currentView = "base/base-init" ; var menuList = [ { label:"VizDeck SDK说明文档", code:"sdk", children:[ ] }, { label:"基础功能", children:[ {label:"初始化场景",code:"base/base-init"},//v---- // {label:"调整分辨率",code:"base/base-setres"},//v---- // {label:"双倍渲染",code:"base/base-doublerender"},//v {label:"坐标转换",code:"base/base-transform"},//v // {label:"截图功能",code:"base/base-shot"},//v ] }, { label:"镜头操控", children:[ {label:"获取当前镜头信息",code:"camera/camera-info"},//v---- {label:"定点巡查",code:"camera/camera-fly"},//v---- {label:"镜头切换",code:"camera/camera-setview"},//v---- {label:"镜头围绕观察",code:"camera/camera-rotate"},//v---- {label:"镜头聚焦",code:"camera/camera-focus"},//v 1.0没效果 ] }, { label:"场景特效", children:[ {label:"天气特效",code:"effect/effect-weather"},//v 1.0没效果 {label:"时间特效",code:"effect/effect-time"},//v---- {label:"水晶体特效",code:"effect/effect-crystal"},//v--- // {label:"场景音效",code:"effect/effect-audio"},//v--- // {label:"高亮建筑物",code:"effect/effect-building-light"}, // {label:"建筑分层",code:"effect/effect-building-slice"}, ] }, { label:"覆盖物", children:[ {label:"标签文字",code:"layer/layer-createlabel"},//v----- {label:"POI点",code:"layer/layer-createpoint"},//v----------- // {label:"POI集合",code:"layer/layer-createpoints"},//v----------- 集合操作不起作用 1.0 {label:"聚合功能",code:"layer/layer-cluster"},//v {label:"绘制路径",code:"layer/layer-createpath"},//v---------- {label:"自定义区域",code:"layer/layer-createarea"},//v------ {label:"清除所有覆盖物",code:"layer/layer-clear"},//v------ {label:"巡查路径",code:"layer/layer-patrol"},//v------------- // {label:"创建特效点",code:"layer/layer-effectpoint"}, {label:"光圈效果",code:"layer/layer-guangquan" }, {label:"围栏效果",code:"layer/layer-areaboundary" }, // {label:"高亮区域",code:"layer/layer-highlight-area" }, // {label:"可视分析",code:"layer/layer-visual-field" }, {label:"指北针",code:"layer/layer-compass" }, ] }, { label:"数据统计", children:[ {label:"热力图",code:"layer/layer-heatmap"},//v---- // {label:"网格化(暂不开放)",code:"layer/layer-grid"},//v---- {label:"迁徙图",code:"layer/layer-qianxi" },//v 当前 ue4服务没有效果 {label:"柱状统计",code:"layer/layer-column"},//v---- 当前是写死的建筑物 // {label:"围绕分组柱图(暂不开放)",code:"layer/layer-group-bar"},//v 没效果 ] }, { label:"测量功能", children:[ {label:"获取坐标",code:"measure/measure-pick" }, {label:"获取对象",code:"measure/measure-getObj" }, {label:"高度量测",code:"measure/measure-height"}, {label:"折线距离量测",code:"measure/measure-distance" }, {label:"平面面积量测",code:"measure/measure-area" }, {label:"框选POI点",code:"measure/measure-select" }, ] }, // { // label:"战略图", // children:[ // {label:"战略图",code:"military/layer-strategy" }, // ] // }, // { // label:"交通", // children:[ // {label:"拥堵路线",code:"traffic/layer-yongdu" }, // ] // }, // { // label:"模型控制", // children:[ // {label:"地下管道",code:"model/model-pipe"},//v----- // {label:"室内",code:"model/model-room"},//v----------- // ] // }, // { // label:" 定制化功能(非通用)", // children:[ // // {label:"高亮特定建筑",code:"SelectLibrary" }, // // {label:"特定地区网格化",code:"SetStreetData" }, // // {label:"CallEvent功能列表",code:"CallEvent" }, // // {label:"添加两张图片的点位",code:"CreateTextTwoImg" }, // // {label:"应急场景调用",code:"DangerEvent" }, // // {label:"楼层分层调用",code:"ExplodeBuildingInfo" }, // ] // }, ] ; //通过地址栏初始化服务地址 window.exampleServerUrl = location.href.replace( location.pathname,"/") ;// </script> </head> <body> <div class="layui-layout layui-layout-admin"> <div class="layui-side layui-bg-black"> <div class="ly-logo"> <img src="images/logo2.png" alt="layui" > </div> <div class="layui-side-scroll"> <ul class="layui-nav layui-nav-tree layui-nav-side" lay-shrink="all" style="position:absolute"> <script> for(var i=0;i<menuList.length;i++){ var item = menuList[i] ; document.write(`<li class="layui-nav-item"><a href="javascript:" onclick="changeMenu('${item.code}')">${item.label}</a><dl class="layui-nav-child">`) for(let j=0;j<item.children.length;j++){ var subItem = item.children[j] ; document.write(`<dd><a href="javascript:" onclick="changeIframe('${subItem.code}');">${subItem.label}</a></dd>`); } document.write(`</dl></li>`); } </script> </ul> </div> </div> <div class="layui-body site-demo" style="bottom:0px;"> <form id="LAY_demoForm" target="LAY_demo" method="post" action=""> <div class="site-demo-editor" id="code"> <div id="leftbtn" style=" z-index: 1;position: absolute;top: 46%;right: -17px;display: block;" onclick="left();"> <img src="images/left.png" alt="layui"> </div> <div id="rightbtn" style=" z-index: 1;position: absolute;top: 46%;left: -14px;display: none;" onclick="right();"> <img src="images/right.png" alt="layui"> </div> <div class="site-demo-area"> <textarea id="LAY_editor" spellcheck="false" placeholder="在此处输入代码"> </textarea> </div> <div class="site-demo-btn"> <button type="button" onclick="run();" class="layui-btn" id="LAY_demo_run">运行代码</button> </div> </div> </form> <div class="site-demo-result" id="result"> <iframe frameborder="0" style="position:absolute;width:100%;height:100%;" id="LAY_demo" name="LAY_demo" allowfullscreen ></iframe> </div> </div> <div class="site-tree-mobile layui-hide"> <i class="layui-icon"></i> </div> <div class="site-mobile-shade"></div> <script src="./scripts/layui.js" charset="utf-8"></script> <script src="./scripts/jquery-1.10.2.js" charset="utf-8"></script> <script> layui.use('element', function () { var element = layui.element; }); function left() { $("#code").animate({ width: "0%" }); $("#result").animate({ width: "100%" }); $("#leftbtn").css("display", "none"); $("#rightbtn").css("display", "block"); } function right() { $("#code").animate({ width: "50%" }); $("#result").animate({ width: "50%" }); $("#rightbtn").css("display", "none"); $("#leftbtn").css("display", "block"); } function run() { setTimeout(function () { var textHtml = $("#LAY_editor").val(); $('#LAY_demo').attr('srcdoc', textHtml); }, 500); } function changeMenu(item){ if(item && item === "sdk") window.open("https://www.showdoc.com.cn/smartearth?page_id=6248242885696689","_blank") ; } function changeIframe(src) { $.ajax({ url: "./views/" + src + ".html", type: "GET", dataType: "text", success: function (jsonResult) { $("#LAY_editor").val(jsonResult); $('#LAY_demo').attr('srcdoc', jsonResult); //$("#LAY_demo").attr("src", "./EachPart/" + src + ".html"); } }); } //默认加载的页面 setTimeout(function () { changeIframe(currentView); },500); </script> </div> </body> </html>