Web Components Enlazar varias fuentes de datos

In the Ignite UI for Web Components map, you can add multiple geographic series objects to overlay custom data sources with geo-spacial data. For example, IgcGeographicSymbolSeriesComponent for plotting geographic locations of airports, the IgcGeographicPolylineSeriesComponent for plotting flights between airports, and 2nd IgcGeographicPolylineSeriesComponent for plotting gridlines of major geographic coordinates.

Web Components Binding Multiple Data Sources Example

Este tema lo lleva paso a paso para mostrar múltiples series geográficas que trazarán los siguientes datos geoespaciales:

IgcGeographicSymbolSeriesComponent– muestra la ubicación de los principales aeropuertos
IgcGeographicPolylineSeriesComponent– muestra vuelos entre aeropuertos
IgcGeographicPolylineSeriesComponent– muestra las líneas de cuadrícula de coordenadas principales

Puede utilizar series geográficas en esta u otras combinaciones para trazar los datos deseados.

Creating Data Sources

Cree fuentes de datos para todas las series geográficas que desee mostrar en el mapa Ignite UI for Web Components. Por ejemplo, puede usar el script WorldConnections.

Overlaying Flights

Create first IgcGeographicPolylineSeriesComponent object with flight connections between major airports and add it to the Series collection of the Ignite UI for Web Components map.

Overlaying Gridlines

Create second IgcGeographicPolylineSeriesComponent object with geographic gridlines and add it to the Series collection of the Ignite UI for Web Components map.

Overlaying Airports

Create IgcGeographicSymbolSeriesComponent object with airport points and add it to the Series collection of the geographic Ignite UI for Web Components map.

Summary

Para su comodidad, todos los fragmentos de código anteriores se combinan en un bloque de código a continuación que puede copiar fácilmente a su proyecto.