Syncfusion React Maps

SyncfusionContrôles de la carteJavaScript

Rendez des cartes personnalisables avec React à partir de plusieurs sources de données.

  • Prend en charge les données GeoJSON et les principaux fournisseurs de cartes pour un rendu cartographique riche.
  • Inclut des marqueurs, des bulles, des légendes, des lignes de navigation et le drill-down.
  • Réactif et accessible, avec plusieurs types de projections et des options d’exportation.
Syncfusion logo

Prix à partir de:

Chargement...
Disponible dans
Syncfusion Essential Studio UI Component SuiteChargement
Syncfusion Essential Studio EnterpriseChargement
image du produit Syncfusion React Maps
Syncfusion React Maps permet aux développeurs de visualiser facilement des données géographiques en affichant des cartes à partir de données GeoJSON ou de divers fournisseurs de services cartographiques. Il prend en charge de nombreuses fonctionnalités, notamment des marqueurs personnalisables, des bulles, des légendes et plusieurs couches géométriques. Le composant s’adapte à tous les appareils grâce à une accessibilité intégrée et prend en charge des interactions avancées telles que le zoom, le déplacement et le drill-down.

Prise en charge de GeoJSON et des fournisseurs de cartes

Visualisez des cartes à l’aide de données GeoJSON légères ou intégrez des services comme OpenStreetMap, Google Maps et Bing Maps pour afficher des cartes satellites, aériennes ou de rue sans entrées de formes externes.

Marqueurs et bulles

Ajoutez des marqueurs pour indiquer des points géographiques spécifiques et des bulles pour représenter des données supplémentaires, telles que la population ou la superficie, à l’aide de différentes formes et tailles pour une visualisation efficace des données.

Plusieurs couches et drill-down

Créez des cartes avec plusieurs couches géométriques et sous-couches pour afficher des caractéristiques géographiques complexes. Les utilisateurs peuvent effectuer un drill-down dans les couches pour obtenir des vues détaillées, par exemple en passant d’une carte du monde à un continent spécifique.

Projections personnalisées

Appliquez diverses projections cartographiques telles que Mercator, Equirectangular, Miller, Eckert, Winkel et Aitoff pour adapter la disposition et la visualisation de la carte à des besoins géographiques ou de conception spécifiques.

Zoom et déplacement interactifs

Activez un zoom fluide à l’aide de la molette de la souris, de la barre d’outils ou de gestes, et déplacez-vous facilement sur les cartes pour une exploration détaillée et une navigation entre les régions.

Légendes et cartographie des couleurs

Utilisez des légendes par défaut ou interactives pour expliquer les éléments cartographiques codés par couleur. La prise en charge de la cartographie des couleurs par plage, égale et par désaturation permet de classer efficacement les formes en fonction des valeurs de données sous-jacentes.

Accessibilité et navigation au clavier

Assurez l’accessibilité des cartes à tous les utilisateurs grâce à une prise en charge complète de WAI-ARIA, des éléments d’interface à contraste élevé et des interactions clavier complètes pour toutes les principales fonctionnalités.

Fonctionnalités d’exportation et d’impression

Exportez directement depuis le client des cartes dans divers formats d’image tels que SVG, PNG et JPEG, ou en documents PDF. Imprimez les cartes directement depuis le navigateur pour une utilisation hors ligne ou un partage.

Formes personnalisées et annotations

Rendez des formes personnalisées à l’aide de données GeoJSON personnalisées, ce qui permet de simuler des scénarios tels que des gradins de stade ou des plans d’infrastructure. Ajoutez des annotations HTML à des points spécifiques pour fournir des informations contextuelles.

Réactif et multiplateforme

Conçu pour offrir des performances optimisées sur les ordinateurs de bureau, les appareils tactiles et les plateformes mobiles, notamment iOS, Android et Windows, garantissant une expérience utilisateur réactive et adaptée au tactile.

Compatibilité du produit

Consultez les détails ci-dessous pour vous assurer que ce produit est pris en charge dans votre environnement.

Type de composant

  • JavaScript

Plateforme JavaScript

  • React