Comme pour les images, les géométries et les éléments géographiques, les collections d'éléments géographiques peuvent être ajoutées directement à la carte avec Map.addLayer(). La visualisation par défaut affiche les vecteurs avec des lignes noires unies et un remplissage noir semi-opaque. Pour afficher les vecteurs en couleur, spécifiez le paramètre color. L'image suivante affiche les écorégions RESOLVE (Dinerstein et al., 2017) en rouge, comme visualisation par défaut:
Éditeur de code (JavaScript)
// Load a FeatureCollection from a table dataset: 'RESOLVE' ecoregions. var ecoregions = ee.FeatureCollection('RESOLVE/ECOREGIONS/2017'); // Display as default and with a custom color. Map.addLayer(ecoregions, {}, 'default display'); Map.addLayer(ecoregions, {color: 'FF0000'}, 'colored');
import ee import geemap.core as geemap
Colab (Python)
# Load a FeatureCollection from a table dataset: 'RESOLVE' ecoregions. ecoregions = ee.FeatureCollection('RESOLVE/ECOREGIONS/2017') # Display as default and with a custom color. m = geemap.Map() m.set_center(-76.2486, 44.8988, 8) m.add_layer(ecoregions, {}, 'default display') m.add_layer(ecoregions, {'color': 'FF0000'}, 'colored') m
Pour obtenir d'autres options d'affichage, utilisez featureCollection.draw(). Plus précisément, les paramètres pointRadius et strokeWidth contrôlent respectivement la taille des points et des lignes dans l'FeatureCollection affiché:
Éditeur de code (JavaScript)
Map.addLayer(ecoregions.draw({color: '006600', strokeWidth: 5}), {}, 'drawn');
import ee import geemap.core as geemap
Colab (Python)
m.add_layer(ecoregions.draw(color='006600', strokeWidth=5), {}, 'drawn')
La sortie de draw() est une image avec des bandes rouges, vertes et bleues définies en fonction du paramètre color spécifié.
Pour mieux contrôler l'affichage d'un FeatureCollection, utilisez image.paint() avec FeatureCollection comme argument. Contrairement à draw(), qui génère une image d'affichage à trois bandes de 8 bits, image.paint() génère une image dans laquelle la valeur numérique spécifiée est "peinte". Vous pouvez également fournir le nom d'une propriété dans FeatureCollection, qui contient les chiffres à peindre. Le paramètre width se comporte de la même manière: il peut s'agir d'une constante ou du nom d'une propriété avec un nombre pour la largeur de ligne. Exemple :
Éditeur de code (JavaScript)
// Create an empty image into which to paint the features, cast to byte. var empty = ee.Image().byte(); // Paint all the polygon edges with the same number and width, display. var outline = empty.paint({ featureCollection: ecoregions, color: 1, width: 3 }); Map.addLayer(outline, {palette: 'FF0000'}, 'edges');
import ee import geemap.core as geemap
Colab (Python)
# Create an empty image into which to paint the features, cast to byte. empty = ee.Image().byte() # Paint all the polygon edges with the same number and width, display. outline = empty.paint(featureCollection=ecoregions, color=1, width=3) m.add_layer(outline, {'palette': 'FF0000'}, 'edges')
Notez que l'image vide dans laquelle vous peignez les éléments géographiques doit être castée avant la peinture. En effet, une image constante se comporte comme une constante: elle est limitée à la valeur d'initialisation. Pour colorer les bords des éléments géographiques avec des valeurs définies à partir d'une propriété des éléments géographiques, définissez le paramètre de couleur sur le nom de la propriété avec des valeurs numériques:
Éditeur de code (JavaScript)
// Paint the edges with different colors, display. var outlines = empty.paint({ featureCollection: ecoregions, color: 'BIOME_NUM', width: 4 }); var palette = ['FF0000', '00FF00', '0000FF']; Map.addLayer(outlines, {palette: palette, max: 14}, 'different color edges');
import ee import geemap.core as geemap
Colab (Python)
# Paint the edges with different colors, display. outlines = empty.paint(featureCollection=ecoregions, color='BIOME_NUM', width=4) palette = ['FF0000', '00FF00', '0000FF'] m.add_layer(outlines, {'palette': palette, 'max': 14}, 'different color edges')
La couleur et la largeur des limites peuvent être définies à l'aide de propriétés. Exemple :
Éditeur de code (JavaScript)
// Paint the edges with different colors and widths. var outlines = empty.paint({ featureCollection: ecoregions, color: 'BIOME_NUM', width: 'NNH' }); Map.addLayer(outlines, {palette: palette, max: 14}, 'different color, width edges');
import ee import geemap.core as geemap
Colab (Python)
# Paint the edges with different colors and widths. outlines = empty.paint( featureCollection=ecoregions, color='BIOME_NUM', width='NNH' ) m.add_layer( outlines, {'palette': palette, 'max': 14}, 'different color, width edges' )
Si le paramètre width n'est pas fourni, l'intérieur des éléments géographiques est peint:
Éditeur de code (JavaScript)
// Paint the interior of the polygons with different colors. var fills = empty.paint({ featureCollection: ecoregions, color: 'BIOME_NUM', }); Map.addLayer(fills, {palette: palette, max: 14}, 'colored fills');
import ee import geemap.core as geemap
Colab (Python)
# Paint the interior of the polygons with different colors. fills = empty.paint(featureCollection=ecoregions, color='BIOME_NUM') m.add_layer(fills, {'palette': palette, 'max': 14}, 'colored fills')
Pour afficher à la fois l'intérieur et les bords des éléments géographiques, peignez l'image vide deux fois:
Éditeur de code (JavaScript)
// Paint both the fill and the edges. var filledOutlines = empty.paint(ecoregions, 'BIOME_NUM').paint(ecoregions, 0, 2); Map.addLayer(filledOutlines, {palette: ['000000'].concat(palette), max: 14}, 'edges and fills');
import ee import geemap.core as geemap
Colab (Python)
# Paint both the fill and the edges. filled_outlines = empty.paint(ecoregions, 'BIOME_NUM').paint(ecoregions, 0, 2) m.add_layer( filled_outlines, {'palette': ['000000'] + palette, 'max': 14}, 'edges and fills', )