Ana içeriğe geç

Bunu nasıl yaptım: Örtüşen seyahat alanları

BU SAYFADA

Bunu nasıl yaptım: Örtüşen seyahat alanları

Tek bir alanda birden fazla seyahat alanı oluşturabilir ve bunları bir alan katmanında kullanabilirsiniz. Örneğin, tek bir nokta için seyahat alanlarında kademeli artışları görmek isteyebilirsiniz.

Bu örnekte, Kanada eyalet ve bölgesel başkentleri için 10 dakikalık artışlarla 60 dakikalık seyahat alanına sahip bir harita eklenmiştir.

Example map displaying only highlight points for each Canadian capital

Kanada eyalet ve bölgesel başkentleri için 60 dakikalık seyahat alanlarını içeren harita

Bir şehir noktasına tıkladığınızda, harita daha fazla yakınlaştırma yapılır ve şehrin seyahat alanlarını görmeyi kolaylaştırır.

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

Fredericton seyahat alanlarının yakınlaştırılmış görünümü

Alan katmanının maliyet değerleri, alanlar harita üzerinde en büyükten en küçüğe doğru üst üste yerleştirilecek şekilde sıralanmıştır. Bu, kullanıcılar tarafından en küçük alanların seçilmesini sağlar, aksi takdirde büyük alanlar küçük olanların üzerine gelerek görülmesini önler.

Veriler

Bu örnekte, veri yükleme düzenleyicisine satır içi olarak eklenen tek bir veri kümesi kullanılmaktadır.

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

Bunu nasıl oluşturdum?

  1. Verileri Veri yükleme düzenleyicisine ekleyin.
  2. Aşağıdaki travelArea kodunu ekleyin:

    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. Verileri yükleyin.
  4. Sayfa görünümünde Maliyet alanını Maliyet adında bir ana boyut olarak ekleyin. Bu renkleri aşağıdaki değerlere atayın:

    • 10: 0096ff
    • 20: 40ff0c
    • 30: faff09
    • 40: ee8a03
    • 50: ff020d
    • 60: c100ff
  5. Bir harita ekleyin.
  6. Boyut olarak Şehir değerini içeren bir nokta katmanı ekleyin. Aşağıdaki özellikleri ayarlayın:

    • Renk bölümünde, Renk öğesini #f8981d olarak ayarlayın.
  7. Boyut olarak TravelArea içeren bir alan katmanı ekleyin. Aşağıdaki özellikleri ayarlayın:

    • Boyutlar bölümünde, Etiket öğesini Seyahat alanı olarak değiştirin.
    • Renkler bölümünde aşağıdakileri yapın: 
      • Maliyet ana boyutunu kullanarak Boyuta göre renklendirin ve Kitaplık renkleri'ni etkinleştirin.
      • Anahat rengi'ni 000000 olarak ayarlayın.
      • Opaklık öğesini %50'ye ayarlayın.
    • Sıralama bölümünde, Seyahat alanı'nı sayısal olarak sıralanacak şekilde ve azalan değere göre ayarlayın.
  8. Haritada bölgeyi ortalayın ve sonra Kaydırarak gezinmeyi sınırla seçeneğini Özel olarak ayarlayıp Kaydırma sınırı belirle üzerine tıklayın.