FeatureView Stili

FeatureView öğesindeki özelliklerin stili, JavaScript nesnesinde tanımlanan kurallar kullanılarak belirtilir. Stil, FeatureViewLayer öğesinin ilk tanımı sırasında veya daha sonra herhangi bir zamanda ayarlanabilir. Stil sistemi, büyük özellik grupları için geçerli olan geniş stil kurallarının yanı sıra belirli özellikler için daha spesifik kurallar belirlemenize olanak tanır. Özellik stili, sabit değerlerle veya özellik özelliklerine göre veriye dayalı olarak tanımlanabilir.

Stil nesnesi

Stil nesnesinin temel yapısı aşağıda gösterilmiştir. İki tür kural vardır: genel kurallar ve belirli kurallar. Geniş kurallar, FeatureView öğesindeki tüm özellikleri etkilerken belirli kurallar, özelliklerin bir alt kümesini etkiler.

{
  // Broad style rules.
  opacity: ,
  polygonFillColor: ,

  // Specific style rules.
  rules: [
    {  },
    {  }
  ]
};

Geniş kurallar

Stil özelliklerini tüm özelliklere (veya belirli bir geometri türüne ait özelliklere) uygulamak için stil özelliklerini stil nesnesinin en üst düzeyinde belirtin.

{
  opacity: 0.5,
  pointShape: 'triangle',
  lineWidth: 10,
  polygonFillColor: 'green'
};

Spesifik kurallar

Stil özelliklerini bir özellik alt kümesine uygulamak için rules alanını kullanın. rules alanı, her biri bir ee.Filter nesnesi tarafından tanımlanan koşullara göre özellikleri seçen bir filter ve ardından bir dizi stil özelliği içeren JavaScript nesnelerinin listesini kabul eder. Aşağıdaki örnekte, yalnızca "REP_AREA" mülkü 100'den azsa polygonStrokeWidth ve polygonFillColor'yi ayarlayan bir kural vardır. Özel kurallar, genel kuralların stil özelliklerini geçersiz kılar ve rules listesinin sonuna yakın kurallar, başına yakın olan kuralları geçersiz kılar (özel kurallar önceden sona doğru değerlendirilir).

{
  rules: [
    {
      filter: ee.Filter.lt('REP_AREA', 100),
      polygonStrokeWidth: 0.5,
      polygonFillColor: 'blue'
    },
    {  }  // Optionally include additional rules.
  ]
};

Ayar stili

Özellik stili, bir FeatureViewLayer tanımlanırken veya daha sonra herhangi bir zamanda ayarlanabilir.

FeatureViewLayer beyan

FeatureViewLayer tanımlarken görselleştirme parametrelerini ayarlamak için visParams parametresini kullanın.

var visParams = {
  opacity: 0.5,
  lineWidth: 10,
  polygonFillColor: 'purple'
};

var layer = ui.Map.FeatureViewLayer({
  assetId: 'WCMC/WDPA/current/polygons_FeatureView',
  visParams: visParams
});

Map.add(layer);

Mevcut FeatureViewLayer

Mevcut bir FeatureViewLayer için görselleştirme parametrelerini ayarlamak üzere setVisParams işlevini kullanın. Daha önce belirtilen tüm stil kurallarını değiştirir; belirtilmeyen özellikler varsayılan değerlerine ayarlanır.

var layer = ui.Map.FeatureViewLayer('WCMC/WDPA/current/polygons_FeatureView');
Map.add(layer);

layer.setVisParams({
  opacity: 0.5,
  lineWidth: 10,
  polygonFillColor: 'purple'
});

Simgebilim

Her stil özelliği için sabit stil kuralı veya veri odaklı stil kuralı belirtebilirsiniz. Verilere dayalı seçenek, kategorik veya enterpolasyonlu olabilecek simgeleştirmeyi belirlemek için özellik değerlerini kullanır. Stil özelliklerinin tam listesi için stil özellikleri tablosuna bakın.

Sabit

Sabit stil kuralı, ayarlanacak bir stil mülkünden ve bu mülkün değerinden oluşur. Aşağıdaki örnekte poligon dolgu rengi mavi olarak ayarlanmıştır.

var visParams = {
  polygonFillColor: 'blue'
};

Kategorik

Kategorik stil kuralı, ayarlanacak bir stil özelliğinden ve üç özelliğe sahip bir JavaScript nesnesinden oluşur:

  • property: Değeri stili etkileyecek bir özellik mülkü adı.
  • categories: Özellik mülk değerlerini mülk simgeleriyle eşleyen listelerin listesi. Her kategori, bir özellik değerinin ardından uygulanacak bir simgeleme değeri içerir. Bir kategoriyi tanımlayan özellik değeri bir dize olmalıdır.
  • defaultValue: Mülk değeri categories içinde tanımlanmayan özellikler için uygulanacak varsayılan simgeleme. Boş/tanımlanmamışsa varsayılan stil ayarları uygulanır.

Örneğin, aşağıdaki nesne color stil özelliğini "MARINE" özellik özelliğine göre ayarlar. "MARINE" kategorisindeki "0" değerindeki özellikler mor, "1" değerindeki özellikler yeşil, "2" değerindeki özellikler mavi ve diğer kategorilerdeki özellikler beyaz olarak ayarlanır.

var visParams = {
  color: {
    property: 'MARINE',
    categories: [
      ['0', 'purple'],
      ['1', 'green'],
      ['2', 'blue']
    ],
    defaultValue: 'white'
  }
};

İnterpole edilmiş

Eşlenen stil kuralı, ayarlanacak bir stil mülkünden ve en fazla beş özelliğe sahip bir JavaScript nesnesinden oluşur:

  • property: Değeri stili etkileyecek bir özellik mülkü adı.
  • mode: Enterpolasyon modu ('linear' veya 'interval').
  • palette: Giriş mülk değerlerinin arasına yerleştirilecek renklerin, opaklıkların veya genişliklerin listesi. Biçim, mode'e bağlıdır. Daha fazla bilgi için Doğrusal ve Aralık bölümlerine bakın.

Yalnızca 'linear' modu için geçerlidir

  • min: palette listesindeki ilk öğeyle eşlenecek özellik değeri.
  • max: palette listesindeki son öğeyle eşlenecek özellik değeri.

Doğrusal

Doğrusal enterpolasyon modu, min ile max aralığındaki giriş değerlerini palette mülkünde tanımlanan bir simgeleme değerleri listesi arasında doğrusal olarak eşleyerek bir özellik stili özelliği ayarlar. Giriş değerleri, min ve max tarafından belirlenen aralığa sabitlenir.

Örneğin, aşağıdaki nesne color stil özelliğini "REP_AREA" özellik özelliğine göre ayarlar. palette mülkü, min ile max arasındaki giriş değerlerinin sarıdan kırmızıya ve maviye doğru doğrusal olarak derecelendirilmesi gerektiğini belirten bir renk listesidir. 1 ile 500 arasında bir değer sarı ile kırmızı arasında, 500 ile 1000 arasında bir değer ise kırmızı ile mavi arasında ara değer olarak kullanılır.

var visParams = {
  color: {
    property: 'REP_AREA',
    mode: 'linear',
    palette: ['yellow', 'red', 'blue'],
    min: 1,
    max: 1000
  }
};

Aralık

Aralık aralığı ayrıştırma modu, giriş değerlerini sınıf aralarıyla eşleyip sınıfa özgü bir simgeleme uygulayarak bir özellik stili özelliği ayarlar. Seçilen özellik mülkünden gelen giriş değerleri, en yakın sınıf aralığı değerine yuvarlanarak atanır. palette mülkü, listelerin listesi olarak biçimlendirilir. Her iç listede bir sınıf ara değeri ve ardından bir stil özelliği değeri bulunur. Mülk değeri minimum sınıf aralığı değerinden az olan özellikler, varsayılan stil mülkü ayarlarını korur.

Aşağıdaki örnekte, özellik dolgu opaklığı "REP_AREA" özelliğinin dereceli sınıflarına göre ayarlanmıştır. Sınıf tanımı ve stil simgesi, palette mülkünde liste listesi olarak sağlanır. Bu, 0, 80, 2000 ve 5000 değerlerinde araları olan ve sırasıyla 0,5, 0,35, 0,22 ve 0,15 özellik opaklığına sahip 4 sınıf olması gerektiğini gösterir. Başka bir deyişle, "REP_AREA" değerleri 0 $ \le x < 80 $ aralığında olan özelliklerin dolgu opaklığı 0,5, 80 $ \le x < 2000 $ aralığındaki değerlerin dolgu opaklığı 0,35 olur ve bu şekilde devam eder.

var visParams = {
  fillOpacity: {
    property: 'REP_AREA',
    mode: 'interval',
    palette: [
      [0, 0.5],
      [80, 0.35],
      [2000, 0.22],
      [5000, 0.15]
    ]
  }
};

Tüm stil özellikleri

Stil nesnesinde belirtebileceğiniz tüm stil özellikleri aşağıda verilmiştir. Belirli geometri türleri için stil özelliklerini ayarlamak, "Tüm geometriler" için ayarlanan ilgili stil özelliklerini geçersiz kılar (örneğin, polygonFillColor ayarı fillColor'te ayarlanan değeri geçersiz kılar).

Mülk Tür Açıklama Eşlemeli Kuralı destekler
Tüm geometriler
isVisible Boolean Özelliğin görünür olup olmadığını belirler. Hayır
color String Tüm geometri türleri için dolgu/çizgi rengini ayarlar. Onaltılık değer veya CSS3 rengi olmalıdır. Evet
opacity Double Tüm geometri türleri için dolgu/çizgi opaklığını ayarlar. 0 ile 1 arasında bir çift sayı olmalıdır. Evet
width Double Tüm geometri türleri için çizgi genişliğini ayarlar. Evet
fillColor String Tüm geometri türleri için dolgu rengini ayarlar. Onaltılık değer veya CSS3 rengi olmalıdır. Evet
Nokta geometrileri
pointShape String Nokta geometrilerinin şeklini ayarlar. ee.FeatureCollection.style ile aynı şekilleri destekler (daire, kare, elmas, çarpı, artı, pentagram, altıgen, üçgen, üçgen_yukarı, üçgen_aşağı, üçgen_sol, üçgen_sağ, beşgen, altıgen, yıldız5, yıldız6). Hayır
pointSize Double Nokta geometrilerinin genişliğini (piksel cinsinden) ayarlar. Evet
pointFillColor String Nokta geometrileri için dolgu rengini ayarlar. Onaltılık değer veya CSS3 rengi olmalıdır. Evet
pointFillOpacity Double Nokta geometrileri için dolgu opaklığını ayarlar. 0 ile 1 arasında bir çifte değer olmalıdır. Evet
Çizgi geometrileri
lineType String Çizgi türünü ayarlar. ee.FeatureCollection.style ile aynı türleri destekler (katı, noktalı, noktalı). Hayır
lineWidth Double Satır genişliğini (piksel cinsinden) ayarlar. Evet
lineColor String Çizgi geometrilerinin rengini ayarlar. Onaltılık değer veya CSS3 rengi olmalıdır. Evet
lineOpacity Double Çizgi geometrilerinin opaklığını ayarlar. 0 ile 1 arasında bir çift sayı olmalıdır. Evet
Poligon geometrileri
polygonStrokeWidth Double Poligonların çizgi genişliğini (piksel cinsinden) ayarlar. Evet
polygonStrokeType String Poligonların çizgi türünü belirler. ee.FeatureCollection.style ile aynı türleri destekler (katı, noktalı, noktalı). Hayır
polygonStrokeColor String Poligon geometrilerinin çizgi rengini ayarlar. Onaltılık değer veya CSS3 rengi olmalıdır. Evet
polygonStrokeOpacity Double Poligon geometrileri için çizgi opaklığını ayarlar. 0 ile 1 arasında bir çifte değer olmalıdır. Evet
polygonFillColor String Poligon geometrilerinin dolgu rengini ayarlar. Onaltılık değer veya CSS3 rengi olmalıdır. Evet
polygonFillOpacity Double Poligon geometrileri için dolgu opaklığını ayarlar. 0 ile 1 arasında bir çifte değer olmalıdır. Evet