mirror of
https://github.com/jiawanlong/Cesium-Examples.git
synced 2025-07-04 15:17:36 +00:00
88 lines
3.2 KiB
HTML
88 lines
3.2 KiB
HTML
<!--********************************************************************
|
|
* by jiawanlong
|
|
*********************************************************************-->
|
|
<!--头部导航-->
|
|
<style>
|
|
.sssss a {
|
|
color: red !important;
|
|
}
|
|
</style>
|
|
<header class="header-wrapper main-header icl-header">
|
|
|
|
<nav class="navbar navbar-static-top">
|
|
<div class="nav-header"></div>
|
|
</nav>
|
|
</header>
|
|
|
|
<!--头部导航 end-->
|
|
|
|
<!-- 侧边栏 -->
|
|
<aside class="sidebar-wrapper main-sidebar">
|
|
<!-- sidebar: style can be found in sidebar.less -->
|
|
<section class="sidebar" id="sidebar">
|
|
<a href="#" class="sidebar-toggle" data-toggle="offcanvas" role="button" title="fold">
|
|
<div class="fa fa-bars fold"></div>
|
|
<span id="suffix-title"></span>
|
|
</a>
|
|
<!-- sidebar menu: : style can be found in sidebar.less -->
|
|
<ul class="sidebar-menu" id="sidebar-menu"></ul>
|
|
</section>
|
|
<!-- /.sidebar -->
|
|
</aside>
|
|
<!-- 侧边栏 end-->
|
|
|
|
<!-- 内容区 -->
|
|
<div class="content-wrapper edit-container">
|
|
|
|
<section class="content">
|
|
<span class="fa fa-compress hide" id="showCodeBtn" data-i18n="editor.source"></span>
|
|
<div class="pane" id="codePane" style="display: none">
|
|
<div class="codePaneTool"><span data-i18n="editor.title"></span>
|
|
<div class="fa fa-play-circle-o editorBtn" id="runBtn" onclick="run()" data-i18n="editor.run"></div>
|
|
<div class="fa fa-undo editorBtn" id="resetBtn" onclick="refresh()" data-i18n="editor.reset"></div>
|
|
</div>
|
|
<div id="editor">
|
|
|
|
</div>
|
|
</div>
|
|
<div class="col-md-12 pane" id="previewPane">
|
|
<!--<iframe id='innerPage' name='innerPage'></iframe>-->
|
|
</div>
|
|
</section>
|
|
|
|
</div>
|
|
<!-- 内容区 end-->
|
|
|
|
<script>
|
|
$(document).ready(function () {
|
|
var notFor = ['iClient Classic', '3D-WebGL'];
|
|
var productArr = ['Leaflet', 'OpenLayers', 'MapboxGL', 'MapLibreGL', 'component', 'iClient Classic', '3D-WebGL']
|
|
var path = window.location.pathname.split('/');
|
|
var examplesStrIndex = path.indexOf('examples');
|
|
var identification = productArr.filter(function (name) { return name.toLowerCase().includes(path[examplesStrIndex + 1]) })[0];
|
|
if (identification) {
|
|
var suffixHeader = document.getElementById('suffix-title');
|
|
suffixHeader.innerText = (notFor.indexOf(identification) < 0 ? 'for ' : '') + identification;
|
|
}
|
|
setTimeout(() => {
|
|
$('.navbar-menu').removeClass("sssss")
|
|
|
|
if (window.location.href.indexOf('cesiumEx') > -1) {
|
|
$('.navbar-menu').eq(0).addClass('sssss')
|
|
}
|
|
if (window.location.href.indexOf('threeEx') > -1) {
|
|
$('.navbar-menu').eq(1).addClass('sssss')
|
|
}
|
|
if (window.location.href.indexOf('babylonEx') > -1) {
|
|
$('.navbar-menu').eq(2).addClass('sssss')
|
|
}
|
|
if (window.location.href.indexOf('webglEx') > -1) {
|
|
$('.navbar-menu').eq(3).addClass('sssss')
|
|
}
|
|
if (window.location.href.indexOf('webglEx') > -1) {
|
|
$('.navbar-menu').eq(4).addClass('sssss')
|
|
}
|
|
}, 700)
|
|
|
|
})
|
|
</script> |