在Web開發中，地理空間數據處理已成為許多應用的核心需求。從地圖可視化到位置服務，再到復雜的數據分析，前端開發者需要強大的工具來處理這些任務。Turf.js 作為一款輕量級、模塊化的地理空間分析庫，憑借其豐富的功能和易用性，成為前端開發者的得力助手。本文將深入探討 Turf.js 的核心功能、常用 API 及其應用場景，并提供實際代碼示例。
一、Turf.js 簡介
Turf.js 是一個開源的地理空間分析庫，由 Mapbox 開發并維護。它支持點、線、面等地理要素的創建、編輯和分析，包括緩沖區計算、距離測量、區域合并、空間關系判斷等高級功能。Turf.js 的核心優勢在于：
- 輕量級：僅需少量代碼即可實現復雜功能。
- 模塊化設計：按需引入功能模塊，減少包體積。
- 跨平臺：支持瀏覽器和 Node.js 環境。
- 不依賴地圖庫：可與 Leaflet、OpenLayers、高德地圖等無縫集成。
二、安裝與引入
Turf.js 可以通過 npm 或 yarn 安裝，也可以通過 CDN 直接引入到 HTML 文件中。
使用 npm 安裝
npm install @turf/turf
使用 CDN 引入
<script src="https://unpkg.com/@turf/turf@latest/turf.min.js"></script>
三、核心功能與 API 詳解
1. 創建地理要素
Turf.js 提供了創建點、線、面等地理要素的函數。
import * as turf from '@turf/turf';// 創建點
const point = turf.point([-122.4194, 37.7749]);// 創建線
const line = turf.lineString([[-122.4194, 37.7749],[-121.8863, 37.3382]
]);// 創建面（多邊形）
const polygon = turf.polygon([[[-122.801742, 45.48565],[-122.801742, 45.60491],[-122.584762, 45.60491],[-122.584762, 45.48565],[-122.801742, 45.48565]]
]);
2. 距離與方位計算
distance - 計算兩點之間的距離
const point1 = turf.point([-75.343, 39.984]);
const point2 = turf.point([-75.534, 39.123]);
const distance = turf.distance(point1, point2, { units: 'kilome
)
