[react] react-globe.gl 이용해서 지구본 만들기(1)

three.js 를 이용하여 직접 지구본을 구현할 수 있지만, react에서 좀더 간편한 방법으로 지구본을 구현해보려 한다.

 

※ npm이 아닌 yarn을 통해 진행됩니다 ※

 

내가 사용할 라이브러리는 react-globe.gl 이다.

react-globe.gl는 React + ThreeJS로 편하게 다양한 지구본을 구현할 수 있는 라이브러리이다.

 

Install

yarn add react-globe.gl

 

Use

import Globe from 'react-globe.gl';

function MyGlobe(){
	return(
    	<div>
        	<Globe globeImageUrl='이미지 링크'/>
        <div>
	)
}

export default MyGlobe;

 

globeImageUrl 을 넣어주지 않으면 이러한 검은 구체가 생성된다

꼭 넣어주자!! (이유를 몰라서 한참 헤맸는데 README에 너무나 잘 적혀있었다,, README를 잘읽자!)