Ir para conteúdo principal

Como eu fiz isso: Sobrepondo áreas de viagem

NESTA PÁGINA

Como eu fiz isso: Sobrepondo áreas de viagem

Você pode gerar várias áreas de viagem em um único campo e usá-las em uma camada de área. Por exemplo, você pode ver aumentos incrementais nas áreas de viagem para um único ponto.

Neste exemplo, foi adicionado um mapa com uma área de viagem de 60 minutos para as capitais provinciais e territoriais canadenses em incrementos de 10 minutos

Example map displaying only highlight points for each Canadian capital

Mapa contendo áreas de viagem de 60 minutos para capitais provinciais e territoriais canadenses

Quando você clica no ponto de uma cidade, o mapa aumenta o zoom, facilitando ver as áreas de viagem da cidade.

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

Visualização ampliada das áreas de viagem de Fredericton

Os valores de custo para a camada de área foram classificados de forma que as áreas sejam sobrepostas no mapa da maior para a menor área. Isso permite que as áreas menores sejam selecionadas pelos usuários, caso contrário, seriam sobrepostas às áreas maiores que se sobrepõem a elas.

Dados

Este exemplo usa um único conjunto de dados que é adicionado sequencialmente no editor de carregamento de dados.

[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 ';');

Como eu construo isso

  1. Adicione os dados no Editor de carregamento de dados.
  2. Adicione o seguinte script 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. Carregue os dados.
  4. Na exibição de pasta, adicione o campo Custo como uma dimensão principal chamada Custo. Atribua essas cores aos seguintes valores:

    • 10: 0096ff
    • 20: 40ff0c
    • 30: faff09
    • 40: ee8a03
    • 50: ff020d
    • 60: c100ff
  5. Adicione um mapa.
  6. Adicione uma camada de ponto com Cidade como a dimensão. Defina as seguintes propriedades:

    • Em Cor, defina a Cor como #f8981d.
  7. Adicione uma camada de área com TravelArea como a dimensão. Defina as seguintes propriedades:

    • Em Dimensões, altere Rótulo para Área de viagem.
    • Em Cores, faça o seguinte: 
      • Colora Por dimensão usando a dimensão principal Custo e habilite Cores da biblioteca.
      • Defina a Cor de contorno como 000000.
      • Defina Opacidade como 50%.
    • Em Classificação, defina Área de viagem para classificar numericamente e por valor decrescente.
  8. Centralize a região no mapa e depois defina Limitar navegação de panorâmica como Personalizado e clique em Definir limite de panorâmica.