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