Syncfusion React Maps

SyncfusionControlli della mappaJavaScript

Rendi mappe personalizzabili usando React con più origini dati.

  • Supporta dati GeoJSON e i principali provider di mappe per un rendering ricco delle mappe.
  • Include marker, bubble, legende, linee di navigazione e drill-down.
  • Responsive e accessibile, con diversi tipi di proiezione e opzioni di esportazione.
Syncfusion logo

Prezzi da:

Caricamento...
Disponibile in
Syncfusion Essential Studio UI Component SuiteCaricamento
Syncfusion Essential Studio EnterpriseCaricamento
immagine del prodotto Syncfusion React Maps
Syncfusion React Maps consente agli sviluppatori di visualizzare dati geografici senza sforzo, rendering mappe da dati GeoJSON o da vari provider di servizi cartografici. Supporta numerose funzionalità, tra cui marker personalizzabili, bubble, legende e più livelli geometrici. Il componente si adatta a diversi dispositivi con accessibilità integrata e supporta interazioni avanzate come zoom, panoramica e drill-down.

Supporto per GeoJSON e provider di mappe

Visualizza mappe usando dati GeoJSON leggeri o integrandoti con servizi come OpenStreetMap, Google Maps e Bing Maps per mostrare mappe satellitari, aeree o stradali senza input esterni di forme.

Marker e Bubble

Aggiungi marker per indicare punti geografici specifici e bubble per rappresentare dati aggiuntivi, come popolazione o area, usando forme e dimensioni diverse per una visualizzazione efficace dei dati.

Più livelli e drill-down

Crea mappe con diversi livelli geometrici e sottolivelli per visualizzare caratteristiche geografiche complesse. Gli utenti possono approfondire i livelli per viste dettagliate, ad esempio passando da una mappa del mondo a un continente specifico.

Proiezioni personalizzate

Applica varie proiezioni cartografiche come Mercator, Equirectangular, Miller, Eckert, Winkel e Aitoff per adattare il layout della mappa e la visualizzazione a specifici requisiti geografici o di design.

Zoom e panoramica interattivi

Abilita uno zoom fluido tramite rotella del mouse, barra degli strumenti o gesti e spostati facilmente sulle mappe per un'esplorazione dettagliata e la navigazione tra le regioni.

Legende e mapping dei colori

Utilizza legende predefinite o interattive per spiegare gli elementi della mappa codificati a colori. Supporta il mapping dei colori a intervalli, uniforme e di desaturazione per categorizzare efficacemente le forme in base ai valori dei dati sottostanti.

Accessibilità e navigazione da tastiera

Assicurati che le mappe siano accessibili a tutti gli utenti con supporto completo a WAI-ARIA, elementi dell'interfaccia ad alto contrasto e interazioni complete da tastiera per tutte le funzionalità principali.

Funzionalità di esportazione e stampa

Esporta le mappe in vari formati immagine come SVG, PNG e JPEG o documenti PDF direttamente dal lato client. Stampa le mappe direttamente dai browser per l'uso offline o la condivisione.

Forme personalizzate e annotazioni

Rendi visualizzabili forme personalizzate usando dati GeoJSON personalizzati, consentendo la simulazione di scenari come la disposizione dei posti in uno stadio o layout di infrastrutture. Aggiungi annotazioni HTML in punti specifici per informazioni contestuali.

Responsive e multipiattaforma

Progettato per offrire prestazioni ottimizzate su desktop, dispositivi touch e piattaforme mobili, incluse iOS, Android e Windows, garantendo un'esperienza utente responsive e adatta al touch.

Compatibilità del prodotto

Esamina i dettagli riportati di seguito per assicurarti che questo prodotto sia supportato nell'ambiente in uso.

Tipo di componente

  • JavaScript

Piattaforma JavaScript

  • React