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ğericategories
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 |