什麼是3D 地球儀?

本工具使用 Three.js 和 WebGL 渲染一個可互動的地球,支援旋轉、縮放與探索。搜尋城市、在任意位置放置自訂標記,並測量標記之間的大圓距離。所有操作均在本地執行。

地球是一個 WebGL 球體,貼的是 NASA 藍色彈珠衛星圖。拖曳旋轉,滾輪縮放,從整個大洲一路放大到城市層級。下拉選單裡點城市,鏡頭就會飛過去。一鍵地標按鈕可以直接跳到艾菲爾鐵塔、聖母峰、馬丘比丘等知名景點。標記會跟著經緯度固定,旋轉地球時不會跑。標記之間以發光弧線相連,頂部會顯示以公里與英里計算的大圓總距離。可以把視角截圖存為 PNG,或複製分享連結 —— 別人打開就能看到一樣的地球和所有標記。

使用方法

  1. 點擊並拖曳以旋轉地球,滾動滑鼠滾輪以縮放
  2. 點擊地球上任意位置,就會放下一個以該點經緯度為名的標記;也可以用搜尋直接飛到某座城市
  3. 透過輸入座標或點擊地球表面來添加自訂標記

何時使用

  • 規劃跨國旅行的停靠點,方便跟家人或同行夥伴對路線。
  • 地理課上做示範,把首都或氣候帶的位置具體展示給學生看。
  • 開會時快速畫出倉庫或經銷商的分布,讓夥伴一目了然。

結果

您正在規劃一次環球旅行,想將路線視覺化。搜尋每個目的地城市,在東京、雪梨、開普敦和里約熱內盧分別放置標記,旋轉地球即可縱覽完整旅程路線。

常見問題

城市資料與座標從哪裡來?
搜尋是以頁面內建的 92 個首都與世界主要城市清單為準,每個城市都附有多種語言的別名,另有 12 個一鍵地標按鈕。自訂標記可以接受你輸入的任意經緯度,即使是不在清單裡的小聚落,也能自己標上去。
離線時還能用嗎?
大致可以。城市清單、3D 引擎和你的標記都在本地,但地球貼圖(藍色彈珠、地形、夜燈)會在首次繪製時從公用 CDN 取得。這些檔案快取之後,就算切到飛航模式,地球照樣會轉、能加標記、也能算距離。
為什麼放大到很近時地圖會變糊?
貼圖解析度約 4K,放大到單一國家以下就會開始出現像素感。球體本身沒變粗糙,只是影像沒有專業衛星地圖那麼細,看不到街道層級。
搜尋裡找不到的地方該怎麼加?
打開標記面板,輸入緯度(北為正,南為負)與經度(東為正,西為負)。例如台中大約是 24.14、120.68。送出之後標記會落在球面上,還可以為它取名字。
可以把地球畫面分享給別人嗎?
兩種方式。截圖按鈕會把你當下看到的地球原樣存成 PNG,圖片尺寸與地球視圖相同,想要更大就先切到全螢幕。分享連結按鈕會把所有標記與名稱編碼進一個網址 —— 別人打開後看到的就是同一個地球,所有標記都已就位,可以直接在它們之間飛。

相關工具