examples.html 5.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110
  1. <!DOCTYPE html>
  2. <html class="no-js css-menubar" lang="zh-cn">
  3. <head>
  4. <meta charset="utf-8" />
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
  6. <!-- 移动设备 viewport -->
  7. <meta name="viewport"
  8. content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no,minimal-ui" />
  9. <meta name="author" content=" " />
  10. <!-- 360浏览器默认使用Webkit内核 -->
  11. <meta name="renderer" content="webkit" />
  12. <!-- Chrome浏览器添加桌面快捷方式(安卓) -->
  13. <link rel="shortcut icon" type="image/x-icon" href="" />
  14. <meta name="mobile-web-app-capable" content="yes" />
  15. <!-- Safari浏览器添加到主屏幕(IOS) -->
  16. <meta name="apple-mobile-web-app-capable" content="yes" />
  17. <meta name="apple-mobile-web-app-status-bar-style" content="black" />
  18. <!-- Win8标题栏及ICON图标 -->
  19. <!-- 标题及搜索关键字 -->
  20. <!--<meta
  21. name="keywords"
  22. content="火星科技|合肥火星|合肥火星科技|合肥火星科技有限公司|leaflet|leaflet框架|leaflet开发|cesium|cesium开发|cesium框架|gis|marsgis|地图离线|地图开发|地图框架|地图外包"
  23. /> -->
  24. <!-- <meta
  25. name="description"
  26. content="火星科技 合肥火星 合肥火星科技 合肥火星科技有限公司 leaflet leaflet框架 leaflet开发 cesium cesium开发 cesium框架 gis marsgis 地图离线 地图开发 地图框架 地图外包 框架 开发 外包 地图离线 二维地图 三维地图 全景漫游 地理信息系统 云GIS 三维GIS GIS平台 WebGIS"
  27. /> -->
  28. <title>功能示例</title>
  29. <script type="text/javascript" src="./lib/include-lib.js?time=20210803"
  30. include="jquery,bootstrap,admin-lte,haoutil,jquery.scrollTo,lazyload,mars3d" libpath="./lib/"></script>
  31. <link rel="stylesheet" href="static/css/common.css?time=20210803" />
  32. <link rel="stylesheet" href="static/css/examples.css?time=20210803" />
  33. <style>
  34. /*无头部菜单时*/
  35. .noHeader .main-sidebar,
  36. .left-side {
  37. padding-top: 0px;
  38. }
  39. .noHeader .category {
  40. padding-top: 10px;
  41. }
  42. </style>
  43. </head>
  44. <body class="hold-transition skin-blue sidebar-mini noHeader" data-spy="scroll" data-target="#scrollSpy">
  45. <div class="wrapper">
  46. <!-- 侧边栏 -->
  47. <aside class="sidebar-wrapper main-sidebar" id="scrollSpy">
  48. <section class="sidebar" id="sidebar">
  49. <ul class="sidebar-menu nav nav-stacked" id="sidebar-menu"></ul>
  50. </section>
  51. </aside>
  52. <!-- 内容区 -->
  53. <div class="content-wrapper examples-container" id="main">
  54. <ul id="charts-list">
  55. <li class="category">
  56. <h3 class="category-title"><i class="fa fa-file-text-o"></i>&nbsp;&nbsp;说明</h3>
  57. <div class="category-content">
  58. <div class="box box-default color-pavarte-box">
  59. <!-- <span>
  60. <a target="_black" href="https://www.npmjs.com/package/mars3d">
  61. <img alt="Npm version" src="https://img.shields.io/npm/v/mars3d.svg?style=flat&logo=npm&label=版本号" />
  62. </a>
  63. <a target="_black" href="https://www.npmjs.com/package/mars3d">
  64. <img alt="Npm downloads" src="https://img.shields.io/npm/dt/mars3d?style=flat&logo=npm&label=下载量" />
  65. </a>
  66. <a target="_black" href="https://github.com/marsgis/mars3d">
  67. <img alt="GitHub stars" src="https://img.shields.io/github/stars/marsgis/mars3d?style=flat&logo=github" />
  68. </a>
  69. </span> -->
  70. <!-- <br /><br /> -->
  71. 名称内有 demo 的属于存在已知问题的示例,此处仅做演示。<br />
  72. <!-- 2. 如果您访问体验当中发现bug问题或有好的建议,欢迎随时反馈给<a href="http://marsgis.cn/weixin.html" target="_blank">我们</a>。<br />
  73. 3. 如果缺少您想要的示例,可以整理需求发送邮件至 <a href="mailto:wh@marsgis.cn" rel="nofollow">wh@marsgis.cn</a> -->
  74. </div>
  75. </div>
  76. </li>
  77. </ul>
  78. </div>
  79. <div style="position: absolute; right: 10px; top: 10px">
  80. <!-- <a href="javascript:haoutil.file.downloadFile('功能清单.txt', getAllName());">下载功能清单txt</a>
  81. <a href="javascript:haoutil.file.downloadFile('功能清单.csv',getVerDiff())">下载功能清单csv</a> -->
  82. </div>
  83. <!-- footer -->
  84. <!-- <footer class="main-footer">
  85. <div class="iclient-copyright" id="iclient-footer">
  86. 版权所有 © 2017-2021 <a href="http://www.marsgis.cn" target="_blank">火星科技</a>
  87. </div>
  88. </footer> -->
  89. </div>
  90. <script>
  91. window.exampleConfig = "data/example.json"; //配置文件目录
  92. window.exampleIconPath = "data/exampleIcon/"; //ICON目录
  93. window.examplePath = "example/"; //示例功能所在目录
  94. window.autoShowCode = false;
  95. </script>
  96. <script src="static/js/sidebar.js?time=20210803"></script>
  97. <script src="static/js/example.js?time=20210803"></script>
  98. </body>
  99. </html>