Function createGlobe

public/src/js/military.js:200–294

()

}

function createGlobe() {
  if (init == false) {
    d3.json('/src/ex_file/json/grid-mq.json', function (world) {
      worldData = world
      readyGlobe()
      $('head').append(`<link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link href="https://fonts.googleapis.com/css2?family=Roboto+Mono&display=swap" rel="stylesheet">`)
    });
  } else {
    readyGlobe()
  }


  function readyGlobe() {
    const node = d3.select('#militaryDashEarth').node();
    globe = new t3_rs_geo.Globe(document.getElementById('militaryDashEarth').clientWidth, 600, {
      data: initialData,
      background: '#1e1e1e',
      tiles: worldData.tiles,
      globeColor: 'black',
      schemeColor: d3.interpolateRainbow,
    });

    node.append(globe.domElement);

    globe.ready
      .then(() => {
        // we are ready
        (function tick() {
          globe.tick();
          requestAnimationFrame(tick);
        })();
        // Satellite
        var constellation = [];
        var opts = {
          numWaves: parseInt(5)
        };
        var alt = parseFloat(1.1);
        for (var i = 0; i < 5; i++) {
          for (var j = 0; j < 3; j++) {
            constellation.push({
              lat: 50 * i - 30 + 15 * Math.random(),
              lon: 120 * j - 120 + 30 * i,
              altitude: alt
            });
          }
        }
        /* add pins at random locations */
        for (var i = 0; i < 10; i++) {
          var lat = Math.random() * 180 - 90,
            lon = Math.random() * 360 - 180,
            name = ''
          globe.addPin(lat, lon, name);
        }
        globe.addConstellation(constellation, opts);
        setTimeout(function () {
          addLaunch()
        }, 2000);
        // Handle window resize events