Descripción general del mapa Blazor
El componente de mapa Ignite UI for Blazor le permite mostrar datos que contienen ubicaciones geográficas de modelos de vista o datos geoespaciales cargados desde archivos de formas en mapas de imágenes geográficas.
Blazor Map Example
El siguiente ejemplo demuestra cómo se muestran los datos usandoIgbGeographicMapIgbGeographicProportionalSymbolSeries también la Serie de Burbujas.
El componente de mapa le permite representar imágenes geográficas de Bing Maps™ y Open Street Maps. El mapa proporciona un trazado de decenas de miles de puntos de datos y los actualiza cada pocos milisegundos para que el control pueda manejar sus transmisiones en tiempo real.
La propiedad Series del mapa se utiliza para soportar la renderización de un número ilimitado de series geográficas. Esta propiedad es una colección de objetos de series geográficas y se puede añadir cualquier tipo de serie geográfica. Por ejemplo,IgbGeographicSymbolSeries se puede añadir para trazar ubicaciones geográficas como ciudades y paraIgbGeographicPolylineSeries trazar conexiones (por ejemplo, carreteras) entre estas ubicaciones geográficas.
El mapa proporciona comportamientos de navegación personalizables para navegar por el contenido del mapa mediante el mouse, el teclado o el código subyacente.
NOTA: A partir del 30 de junio de 2025, se retirarán todas las cuentas de Microsoft Bing Maps for Enterprise Basic (gratuita). Si todavía está utilizando una cuenta básica y una clave no pagadas, ahora es el momento de actuar para evitar interrupciones en el servicio. Los titulares de licencias de Bing Maps for Enterprise pueden seguir usando Bing Maps en sus aplicaciones hasta el 30 de junio de 2028.
Para obtener más detalles, visite:
Component Modules
RequiereIgbGeographicMap los siguientes módulos, sin embargo, el DataChartInteractivityModule solo es necesario para interacciones con el ratón, como el panorameo y el zoom del contenido del mapa.
// in Program.cs file
builder.Services.AddIgniteUIBlazor(
typeof(IgbGeographicMapModule),
typeof(IgbDataChartInteractivityModule)
);
Usage
Ahora que se importa el módulo de mapas, el siguiente paso es crear un mapa geográfico. El siguiente código muestra cómo hacer esto y habilitar el zoom en el mapa.
<IgbGeographicMap Height="100%" Width="100%" Zoomable="true" />
Additional Resources
Puede encontrar más información sobre las funciones relacionadas del mapa Blazor en estos temas:
- Usando la serie de símbolos de dispersión
- Uso de series proporcionales de dispersión
- Uso de series de contornos de dispersión
- Uso de series de densidad de dispersión
- Usando series de áreas de dispersión
- Usando series de polígonos de formas
- Uso de series de polilíneas de formas
API References
La siguiente es una lista de miembros de API mencionados en las secciones anteriores: