Syncfusion React Maps

SyncfusionControles del mapaJavaScript

Renderiza mapas personalizables usando React con múltiples fuentes de datos.

  • Admite datos GeoJSON y principales proveedores de mapas para un renderizado de mapas enriquecido.
  • Incluye marcadores, burbujas, leyendas, líneas de navegación y drill-down.
  • Responsive y accesible, con varios tipos de proyección y opciones de exportación.
Syncfusion logo

Precios desde:

Cargando...
Disponible en
Syncfusion Essential Studio UI Component SuiteCargando
Syncfusion Essential Studio EnterpriseCargando
imagen del producto Syncfusion React Maps
Syncfusion React Maps permite a los desarrolladores visualizar datos geográficos sin esfuerzo al renderizar mapas a partir de datos GeoJSON o de varios proveedores de servicios de mapas. Admite múltiples características, incluidos marcadores personalizables, burbujas, leyendas y múltiples capas geométricas. El componente se adapta a distintos dispositivos con accesibilidad integrada y admite interacciones avanzadas como zoom, desplazamiento y drill-down.

Compatibilidad con GeoJSON y proveedores de mapas

Visualiza mapas usando datos ligeros de GeoJSON o intégralos con servicios como OpenStreetMap, Google Maps y Bing Maps para mostrar mapas satelitales, aéreos o de calles sin necesidad de entradas de formas externas.

Marcadores y burbujas

Añade marcadores para indicar puntos geográficos específicos y burbujas para representar datos adicionales, como población o área, usando diferentes formas y tamaños para una visualización de datos eficaz.

Múltiples capas y drill-down

Crea mapas con varias capas geométricas y subcapas para mostrar características geográficas complejas. Los usuarios pueden profundizar en las capas para obtener vistas detalladas, como pasar de un mapa del mundo a un continente específico.

Proyecciones personalizadas

Aplica varias proyecciones de mapas como Mercator, Equirectangular, Miller, Eckert, Winkel y Aitoff para adaptar el diseño del mapa y la visualización a requisitos geográficos o de diseño específicos.

Zoom y desplazamiento interactivos

Permite un zoom fluido mediante la rueda del ratón, la barra de herramientas o gestos, y desplázate por los mapas con facilidad para una exploración detallada y la navegación entre regiones.

Leyendas y asignación de colores

Utiliza leyendas predeterminadas o interactivas para explicar los elementos del mapa codificados por color. Admite asignación de colores por rango, uniforme y por desaturación para categorizar eficazmente las formas según los valores subyacentes de los datos.

Accesibilidad y navegación con teclado

Garantiza que los mapas sean accesibles para todos los usuarios con compatibilidad total con WAI-ARIA, elementos de interfaz de alto contraste e interacciones completas con el teclado para todas las funciones principales.

Funciones de exportación e impresión

Exporta mapas en varios formatos de imagen como SVG, PNG y JPEG o documentos PDF directamente desde el lado del cliente. Imprime mapas directamente desde los navegadores para uso sin conexión o para compartirlos.

Formas personalizadas y anotaciones

Renderiza formas personalizadas usando datos GeoJSON personalizados, lo que permite simular escenarios como asientos de estadio o diseños de infraestructuras. Añade anotaciones HTML en puntos específicos para proporcionar información contextual.

Responsive y multiplataforma

Diseñado para ofrecer un rendimiento optimizado en escritorios, dispositivos táctiles y plataformas móviles, incluidas iOS, Android y Windows, garantizando una experiencia de usuario responsive y apta para el tacto.

Compatibilidad del producto

Revise los detalles a continuación para asegurarse de que este producto sea compatible con su entorno.

Tipo de componente

  • JavaScript

Plataforma JavaScript

  • React