Syncfusion React Maps

SyncfusionControles do MapaJavaScript

Renderize mapas personalizáveis usando React com várias fontes de dados.

  • Suporta dados GeoJSON e principais provedores de mapas para renderização rica de mapas.
  • Inclui marcadores, bolhas, legendas, linhas de navegação e drill-down.
  • Responsivo e acessível com vários tipos de projeção e opções de exportação.
Syncfusion logo

Preços a partir de:

Carregando...
Disponível em
Syncfusion Essential Studio UI Component SuiteCarregando
Syncfusion Essential Studio EnterpriseCarregando
imagem do produto Syncfusion React Maps
Syncfusion React Maps permite que os desenvolvedores visualizem dados geográficos sem esforço, renderizando mapas a partir de dados GeoJSON ou de vários provedores de serviços de mapas. Ele oferece suporte a vários recursos, incluindo marcadores personalizáveis, bolhas, legendas e várias camadas geométricas. O componente se adapta em diferentes dispositivos com acessibilidade integrada e oferece suporte a interações avançadas, como zoom, panorâmica e drill-down.

Suporte a GeoJSON e Provedores de Mapas

Visualize mapas usando dados leves de GeoJSON ou integre com serviços como OpenStreetMap, Google Maps e Bing Maps para exibir mapas de satélite, aéreo ou de rua sem entradas externas de formas.

Marcadores e Bolhas

Adicione marcadores para indicar pontos geográficos específicos e bolhas para representar dados adicionais, como população ou área, usando diferentes formas e tamanhos para uma visualização de dados eficaz.

Várias Camadas e Drill-Down

Crie mapas com várias camadas geométricas e subcamadas para exibir recursos geográficos complexos. Os usuários podem fazer drill-down nas camadas para visualizações detalhadas, como ampliar de um mapa-múndi para um continente específico.

Projeções Personalizadas

Aplique várias projeções de mapa, como Mercator, Equirectangular, Miller, Eckert, Winkel e Aitoff, para adaptar o layout e a visualização do mapa a requisitos geográficos ou de design específicos.

Zoom e Panorâmica Interativos

Permita zoom suave por meio da roda do mouse, da barra de ferramentas ou de gestos, e mova-se pelos mapas facilmente para exploração detalhada e navegação entre regiões.

Legendas e Mapeamento de Cores

Utilize legendas padrão ou interativas para explicar elementos do mapa codificados por cores. Ofereça suporte a mapeamento de cores por faixa, igual e dessaturação para categorizar formas com base nos valores dos dados subjacentes de forma eficaz.

Acessibilidade e Navegação por Teclado

Garanta que os mapas sejam acessíveis a todos os usuários com suporte completo a WAI-ARIA, elementos de interface de alto contraste e interações abrangentes por teclado para todos os recursos principais.

Recursos de Exportação e Impressão

Exporte mapas em vários formatos de imagem, como SVG, PNG e JPEG, ou documentos PDF diretamente do lado do cliente. Imprima mapas diretamente dos navegadores para uso offline ou compartilhamento.

Formas Personalizadas e Anotações

Renderize formas personalizadas usando dados GeoJSON personalizados, permitindo a simulação de cenários como assentos de estádio ou layouts de infraestrutura. Adicione anotações HTML em pontos específicos para informações contextuais.

Responsivo e Multiplataforma

Projetado para oferecer desempenho otimizado em desktops, dispositivos touch e plataformas móveis, incluindo iOS, Android e Windows, garantindo uma experiência de usuário responsiva e compatível com toque.

Compatibilidade do produto

Revise os detalhes abaixo para garantir que este produto seja compatível com o seu ambiente.

Tipo de componente

  • JavaScript

Plataforma JavaScript

  • React