Globe View Source

The Globe component is used to show peers and file transfers on the Filecoin network.

Imports

Import React and the GLRenderer Components. Unfortunately the GLRenderer is not usable outside of this application.

import * as React from "react";

import GLRenderer from "~/components/three/GLRenderer";

Declare the Globe component. Specify countries to be true to include markers for each country.

class ExampleOne extends React.Component {

  render() {

    return (

      <React.Fragment>

        <GLRenderer width={768} height={480} />

        <GLRenderer countries width={768} height={480} />

      </React.Fragment>

);