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