Web Components Enlazar varias fuentes de datos

    En el mapa Ignite UI for Web Components, puede agregar varios objetos de serie geográfica para superponer fuentes de datos personalizadas con datos geoespaciales. Por ejemplo, IgcGeographicSymbolSeriesComponent para trazar ubicaciones geográficas de aeropuertos, para IgcGeographicPolylineSeriesComponent trazar vuelos entre aeropuertos, y 2º IgcGeographicPolylineSeriesComponent para trazar líneas de cuadrícula de coordenadas geográficas principales.

    Web Components Ejemplo de enlace de varias fuentes de datos

    EXAMPLE
    WorldConnections.ts
    WorldLocations.ts
    WorldUtils.ts
    TS
    HTML
    CSS

    ¿Te gusta esta muestra? Obtenga acceso a nuestro kit de herramientas de Ignite UI for Web Components completo y comience a crear sus propias aplicaciones en minutos. Descárgalo gratis.

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

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

    Creando fuentes de datos

    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.

    Ignite UI for Web Components | CTA Banner

    Vuelos superpuestos

    Cree el primer IgcGeographicPolylineSeriesComponent objeto con conexiones de vuelo entre los principales aeropuertos y agréguelo a la colección Series del mapa Ignite UI for Web Components.

    Superposición de líneas de cuadrícula

    Cree un segundo IgcGeographicPolylineSeriesComponent objeto con líneas de cuadrícula geográficas y agréguelo a la colección Series del mapa Ignite UI for Web Components.

    Aeropuertos superpuestos

    Cree IgcGeographicSymbolSeriesComponent un objeto con puntos de aeropuerto y agréguelo a la colección Series del mapa de Ignite UI for Web Components geográfica.

    Resumen

    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.

    Referencias de API