Saltar al contenido principal

Cómo hacer esto: Superponer áreas de desplazamiento

EN ESTA PÁGINA

Cómo hacer esto: Superponer áreas de desplazamiento

Puede generar múltiples áreas de desplazamiento en un solo campo y utilizarlas en una capa de área. Por ejemplo, puede que quiera ver los incrementos en las áreas de desplazamiento para un solo punto.

En este ejemplo, se ha añadido un mapa con un área de desplazamiento de 60 minutos para las capitales de provincia y áreas territoriales canadienses en incrementos de 10 minutos.

Example map displaying only highlight points for each Canadian capital

Mapa con las zonas de desplazamiento en 60 minutos de las capitales de provincia y áreas territoriales canadienses

Al hacer clic en el punto de una ciudad, el mapa se acerca más, lo que facilita la visualización de las áreas de desplazamiento de la ciudad.

Example zoomed-in view after a point has been selected, displaying more detailed road and travel data

Vista ampliada de las zonas de tránsito de Fredericton

Los valores de coste de la capa de área se han ordenado de forma que las áreas o superficies se superponen en el mapa de mayor a menor superficie. Esto permite que los usuarios seleccionen las áreas más pequeñas, ya que, de lo contrario, se superpondrían a las áreas más grandes que se solapan con ellas.

Datos

Este ejemplo utiliza un único conjunto de datos que se añade de forma inline en el editor de carga de datos.

[Cities]:

LOAD * inline

[

City

Edmonton,Canada;

Victoria,Canada;

Winnipeg,Canada;

Fredericton,Canada;

St. John's,Canada;

Halifax,Canada;

Toronto,Canada;

Charlottetown,Canada;

Quebec City,Canada;

Regina,Canada;

Whitehorse,Canada;

Iqaluit,Canada;

Yellowknife,Canada;

]

(delimiter is ';');

Cómo construir esto

  1. Agregue los datos en el Editor de carga de datos.
  2. Añada el siguiente script de travelArea:

    Load * Extension

    GeoOperations.ScriptEval('TravelAreas(costValue="60",costUnit="minutes",transportation="car")

    DATASOURCE Cities INTABLE keyField="City", namedPointField="City"', Cities {City});

     

    Load * Extension

    GeoOperations.ScriptEval('TravelAreas(costValue="50",costUnit="minutes",transportation="car")

    DATASOURCE Cities INTABLE keyField="City", namedPointField="City"', Cities {City});

     

    Load * Extension

    GeoOperations.ScriptEval('TravelAreas(costValue="40",costUnit="minutes",transportation="car")

    DATASOURCE Cities INTABLE keyField="City", namedPointField="City"', Cities {City});

     

    Load * Extension

    GeoOperations.ScriptEval('TravelAreas(costValue="30",costUnit="minutes",transportation="car")

    DATASOURCE Cities INTABLE keyField="City", namedPointField="City"', Cities {City});

     

    Load * Extension

    GeoOperations.ScriptEval('TravelAreas(costValue="20",costUnit="minutes",transportation="car")

    DATASOURCE Cities INTABLE keyField="City", namedPointField="City"', Cities {City});

     

    Load * Extension

    GeoOperations.ScriptEval('TravelAreas(costValue="10",costUnit="minutes",transportation="car")

    DATASOURCE Cities INTABLE keyField="City", namedPointField="City"', Cities {City});

  3. Cargue los datos.
  4. En la vista de hoja, añada el campo Cost acomo una dimensión maestra llamada Cost. Asigne estos colores a los siguientes valores:

    • 10: 0096ff
    • 20: 40ff0c
    • 30: faff09
    • 40: ee8a03
    • 50: ff020d
    • 60: c100ff
  5. Agregue un mapa.
  6. Agregue una capa de puntos con City como dimensión. Defina las propiedades siguientes:

    • En Color, defina el Color como #f8981d.
  7. Agregue una capa de área con TravelArea como dimensión. Defina las propiedades siguientes:

    • En Dimensiones, cambie Label a Travel area.
    • En Colores, haga lo siguiente: 
      • Dé color Por dimensión utilizando la dimensión maestra Cost y habilite los Colores de la biblioteca.
      • Defina el Color de borde en 000000.
      • Establezca la Opacidad en 50%.
    • En Ordenar, establezca Travel area para que ordene numéricamente y por valor descendente.
  8. Centre la región en el mapa y después configure Limitar navegación panorámica como Personalizado y haga clic en Establecer límite de desplazamiento.