mirror of
				https://github.com/jiawanlong/Cesium-Examples.git
				synced 2025-11-04 09:14:17 +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>
							 |