3D 지구본이란?
이 도구는 Three.js와 WebGL을 사용해 회전, 확대/축소, 탐색이 가능한 인터랙티브 지구를 렌더링합니다. 국가를 클릭하고, 지역을 확대하고, 원하는 곳에 마커를 놓으세요. 모든 것이 기기에서 로컬로 실행됩니다.
지구본은 NASA의 블루마블 이미지를 입힌 WebGL 구체입니다. 끌어서 돌리고, 휠로 대륙에서 거리 단위까지 확대하며, 드롭다운의 도시를 클릭하면 카메라가 날아갑니다. 한 번의 클릭으로 에펠탑, 에베레스트, 마추픽추 등 명소로 바로 이동하는 버튼도 마련되어 있습니다. 마커는 회전 중에도 위도·경도에 고정되며, 입력한 순서대로 빛나는 호로 이어지고, 큰 원 기준 총 거리가 km와 마일로 표시됩니다. 현재 화면을 PNG로 저장하거나, 공유 링크를 복사해 누구에게나 같은 마커가 그대로 있는 지구본을 보여줄 수 있습니다.
사용 방법
- 클릭하고 드래그하여 지구본을 회전하고, 스크롤하여 확대 또는 축소하세요
- 국가를 클릭하여 이름을 확인하거나 검색을 사용하여 특정 위치를 찾으세요
- 좌표를 입력하거나 지구본 표면을 클릭하여 맞춰 마커를 추가하세요
사용 시기
- 여러 나라를 도는 여행 일정을 시각화해서 친구나 동행과 공유하기.
- 지리 수업에서 수도나 기후대 위치를 한눈에 보여주는 자료 만들기.
- 회의 자료로 창고나 대리점 분포를 빠르게 그려보기.
결과
세계 일주 여행을 계획하고 경로를 시각화하고 싶다면, 각 목적지 도시를 검색하고 도쿄, 시드니, 케이프타운, 리우데자네이루에 마커를 추가한 다음 지구본을 회전하여 전체 여행 경로를 확인하세요.
자주 묻는 질문
- 좌표와 도시 이름은 어디서 가져오나요?
- 약 3,000개의 수도와 주요 도시가 담긴 오프라인 데이터베이스를 페이지에 함께 묶어두었습니다. 사용자 정의 마커는 입력한 위도·경도를 그대로 받으므로, 목록에 없는 작은 마을도 직접 찍을 수 있습니다.
- 페이지 로드 후 인터넷 없이도 동작하나요?
- 동작합니다. 지구 텍스처, 도시 데이터베이스, 3D 엔진이 처음 로드 때 모두 받아지고 이후로는 캐시에서 실행됩니다. 비행기 모드로 바꿔도 지구는 돌아가고, 새 마커도 추가됩니다.
- 왜 너무 가깝게 줌하면 흐릿하게 보이나요?
- 텍스처 해상도가 약 4K라 한 나라 이하로 들어가면 픽셀이 보이기 시작합니다. 구체 자체는 매끄럽지만, 이미지가 전문 위성 지도처럼 거리 수준 디테일까지 담지는 못합니다.
- 검색에 없는 장소를 추가하려면?
- 마커 패널을 열고 위도(북쪽은 양수, 남쪽은 음수)와 경도(동쪽은 양수, 서쪽은 음수)를 입력하세요. 예를 들어 부산은 약 35.18, 129.08입니다. 추가하면 표면에 마커가 떨어지고 이름도 붙일 수 있습니다.
- 지구본 화면을 다른 사람과 공유할 수 있나요?
- 두 가지 방법이 있습니다. 스크린샷 버튼은 현재 카메라 각도를 화면 해상도 그대로 PNG로 저장합니다. 링크 공유 버튼은 모든 마커와 이름을 담은 URL을 복사합니다 — 받은 사람이 열면 같은 지구본에 같은 핀이 이미 놓여 있어 바로 핀 사이를 날아다닐 수 있습니다.