interactive_globe2.html 2.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>地球</title>
  5. <meta charset="utf-8">
  6. <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=0">
  7. <link rel="stylesheet" type="text/css" href="css/style2.css">
  8. </head>
  9. <body>
  10. <div id="loading">正在加载地球...</div>
  11. <div id="hint"></div>
  12. <script type="text/javascript" src="node_modules/babel-core/browser-polyfill.js"></script>
  13. <script type="text/javascript" src="node_modules/babel-core/browser.js"></script>
  14. <script type="text/javascript" src="node_modules/es6-module-loader/dist/es6-module-loader.js"></script>
  15. <script type="text/javascript" src="node_modules/systemjs/dist/system.js"></script>
  16. <script>
  17. var log;
  18. //log = true;
  19. if(log){
  20. var textarea = document.createElement('textarea');
  21. textarea.id = "consoleLog";
  22. textarea.style.width="100px";
  23. textarea.style.height="100px";
  24. textarea.style.position="absolute";
  25. textarea.style.right=textarea.style.bottom = "0px";
  26. textarea.style['z-index'] = "9999";
  27. document.getElementsByTagName("body")[0].appendChild(textarea);
  28. console.oldLog = console.log;
  29. console.log = function(str) {
  30. console.oldLog(str);
  31. var t = document.getElementById("consoleLog").innerHTML;
  32. document.getElementById("consoleLog").innerHTML = str +"\n" + t;
  33. }
  34. console.olderror = console.error;
  35. console.error = function(str) {
  36. console.olderror(str);
  37. var t = document.getElementById("consoleLog").innerHTML;
  38. document.getElementById("consoleLog").innerHTML = str +"\n" + t;
  39. }
  40. console.oldwarn = console.warn;
  41. console.warn = function(str) {
  42. console.oldwarn(str);
  43. var t = document.getElementById("consoleLog").innerHTML;
  44. document.getElementById("consoleLog").innerHTML = str +"\n" + t;
  45. }
  46. console.olddebug = console.debug ;
  47. console.debug = function(str) {
  48. console.olddebug (str);
  49. var t = document.getElementById("consoleLog").innerHTML;
  50. document.getElementById("consoleLog").innerHTML = str +"\n" + t;
  51. }
  52. console.oldinfo = console.info ;
  53. console.info = function(str) {
  54. console.oldinfo (str);
  55. document.getElementById("consoleLog").innerHTML += str +"\n";
  56. }
  57. }
  58. System.config({
  59. baseURL: './',
  60. map: {
  61. d3: 'node_modules/d3/d3',
  62. THREE: 'node_modules/three/three',
  63. topojson: 'node_modules/topojson/topojson',
  64. SubUnit: 'node_modules/src/index',
  65. fdage:'node_modules/fdage/4dageModelshow'
  66. },
  67. transpiler: 'babel'
  68. });
  69. System.import('js/main2');
  70. </script>
  71. </body>
  72. </html>