Syncfusion React Maps

Syncfusion地圖控制項JavaScript

使用 React 與多種資料來源來渲染可自訂地圖。

  • 支援 GeoJSON 資料與主要地圖提供者，以呈現豐富的地圖渲染。
  • 包含標記、泡泡、圖例、導覽線與向下鑽取。
  • 具備響應式與無障礙設計，並支援多種投影類型與匯出選項。
Syncfusion logo

起價:

載入中...
包含在以下產品
Syncfusion Essential Studio UI Component Suite載入中
Syncfusion Essential Studio Enterprise載入中
Syncfusion React Maps 產品圖片
Syncfusion React Maps 讓開發人員能夠輕鬆以 GeoJSON 資料或各種地圖服務提供者來渲染地圖，進而直觀呈現地理資料。它支援多項功能，包括可自訂的標記、泡泡、圖例，以及多個幾何圖層。此元件具備內建無障礙設計，可跨裝置自適應，並支援縮放、平移與向下鑽取等進階互動。

GeoJSON 與地圖提供者支援

可使用輕量級 GeoJSON 資料來視覺化地圖，或整合 OpenStreetMap、Google Maps 和 Bing Maps 等服務，以顯示衛星、空拍或街道地圖，無需外部形狀輸入。

標記與泡泡

新增標記以指示特定地理位置，並使用不同的形狀與大小來加入泡泡以表示額外資料，例如人口或面積，達成有效的資料視覺化。

多重圖層與向下鑽取

建立具有多個幾何圖層與子圖層的地圖，以顯示複雜的地理特徵。使用者可向下鑽取到各圖層以檢視細節，例如從世界地圖縮放到特定洲。

自訂投影

套用各種地圖投影，例如 Mercator、Equirectangular、Miller、Eckert、Winkel 與 Aitoff，以依特定的地理或設計需求調整地圖版面與視覺化效果。

互動式縮放與平移

透過滑鼠滾輪、工具列或手勢啟用流暢的縮放，並可輕鬆在地圖上平移，以便深入探索與跨區域導覽。

圖例與色彩對應

運用預設或互動式圖例來說明以顏色區分的地圖元素。支援區間、等值與去飽和色彩對應，以有效根據底層資料值分類形狀。

無障礙與鍵盤導覽

透過完整的 WAI-ARIA 支援、高對比 UI 元素，以及針對所有主要功能的完整鍵盤互動，確保地圖對所有使用者皆可無障礙使用。

匯出與列印功能

可直接從用戶端將地圖匯出為各種影像格式，例如 SVG、PNG 與 JPEG，或 PDF 文件。也可直接從瀏覽器列印地圖，以供離線使用或分享。

自訂形狀與註解

使用個人化的 GeoJSON 資料來渲染自訂形狀，讓您模擬如體育場座位或基礎設施配置等情境。可在特定位置加入 HTML 註解以提供上下文資訊。

響應式與跨平台

設計上可在桌機、觸控裝置與行動平台上提供最佳化效能，包括 iOS、Android 與 Windows，確保具備響應式且適合觸控的使用體驗。

產品相容性

請查看以下詳細資訊，以確保此產品在您的環境中受支援。

元件類型

  • JavaScript

JavaScript 平台

  • React