Syncfusion React Maps

SyncfusionKartensteuerungJavaScript

Rendern Sie anpassbare Karten mit React und mehreren Datenquellen.

  • Unterstützt GeoJSON-Daten und große Kartenanbieter für umfangreiches Kartenrendering.
  • Enthält Marker, Bubbles, Legenden, Navigationslinien und Drill-down.
  • Responsiv und barrierefrei mit mehreren Projektionstypen und Exportoptionen.
Syncfusion logo

Preise ab:

Wird geladen...
Verfügbar in
Syncfusion Essential Studio UI Component SuiteWird geladen
Syncfusion Essential Studio EnterpriseWird geladen
Syncfusion React Maps Produktbild
Syncfusion React Maps ermöglicht Entwicklern, geografische Daten mühelos zu visualisieren, indem Karten aus GeoJSON-Daten oder verschiedenen Kartenanbieter-Diensten gerendert werden. Es unterstützt mehrere Funktionen, darunter anpassbare Marker, Bubbles, Legenden und mehrere geometrische Ebenen. Die Komponente passt sich geräteübergreifend mit integrierter Barrierefreiheit an und unterstützt fortgeschrittene Interaktionen wie Zoomen, Verschieben und Drill-down.

Unterstützung für GeoJSON und Kartenanbieter

Visualisieren Sie Karten mithilfe von leichtgewichtigen GeoJSON-Daten oder integrieren Sie Dienste wie OpenStreetMap, Google Maps und Bing Maps, um Satelliten-, Luft- oder Straßenkarten ohne externe Shape-Eingaben anzuzeigen.

Marker und Bubbles

Fügen Sie Marker hinzu, um bestimmte geografische Punkte zu kennzeichnen, und Bubbles, um zusätzliche Daten wie Bevölkerungszahl oder Fläche darzustellen, wobei unterschiedliche Formen und Größen für eine effektive Datenvisualisierung verwendet werden.

Mehrere Ebenen und Drill-down

Erstellen Sie Karten mit mehreren geometrischen Ebenen und Sublayern, um komplexe geografische Merkmale anzuzeigen. Benutzer können für detaillierte Ansichten in Ebenen hineinzoomen, beispielsweise von einer Weltkarte zu einem bestimmten Kontinent.

Benutzerdefinierte Projektionen

Wenden Sie verschiedene Kartenprojektionen wie Mercator, Equirectangular, Miller, Eckert, Winkel und Aitoff an, um das Kartenlayout und die Visualisierung an spezifische geografische oder gestalterische Anforderungen anzupassen.

Interaktives Zoomen und Verschieben

Ermöglichen Sie flüssiges Zoomen per Mausrad, Symbolleiste oder Gesten und bewegen Sie sich einfach über Karten, um detaillierte Erkundungen und die Navigation zwischen Regionen zu erleichtern.

Legenden und Farbzuordnung

Nutzen Sie Standard- oder interaktive Legenden, um farbcodierte Kartenelemente zu erklären. Unterstützen Sie Bereichs-, Gleich- und Entsättigungs-Farbzuordnung, um Shapes basierend auf zugrunde liegenden Datenwerten effektiv zu kategorisieren.

Barrierefreiheit und Tastaturnavigation

Stellen Sie sicher, dass die Karten für alle Benutzer zugänglich sind, mit vollständiger WAI-ARIA-Unterstützung, hochkontrastreichen UI-Elementen und umfassenden Tastaturinteraktionen für alle wichtigen Funktionen.

Export- und Druckfunktionen

Exportieren Sie Karten direkt clientseitig in verschiedene Bildformate wie SVG, PNG und JPEG oder als PDF-Dokumente. Drucken Sie Karten direkt aus Browsern für die Offline-Nutzung oder zum Teilen.

Benutzerdefinierte Shapes und Annotationen

Rendern Sie benutzerdefinierte Shapes mithilfe personalisierter GeoJSON-Daten und simulieren Sie damit Szenarien wie Stadionbestuhlung oder Infrastrukturlayouts. Fügen Sie an bestimmten Punkten HTML-Annotationen für kontextbezogene Informationen hinzu.

Responsiv und plattformübergreifend

Entwickelt für optimierte Leistung auf Desktops, Touch-Geräten und mobilen Plattformen, einschließlich iOS, Android und Windows, und sorgt so für eine responsive und Touch-freundliche Benutzererfahrung.

Produktkompatibilität

Überprüfen Sie die untenstehenden Details, um sicherzustellen, dass dieses Produkt in Ihrer Umgebung unterstützt wird.

Komponententyp

  • JavaScript

JavaScript-Plattform

  • React