Discussion :

[nectar]

Bonjour à tous,

J’utilise l’API v1.3 pour afficher différents tracés GPX. Ces tracés sont clos, c'est-à-dire que le dernier point correspond au premier point.
J’arrive bien à afficher les tracés, mais je souhaiterais que la surface des polygones délimités par le tracé soit colorée. Mais je n’y arrive pas. Une idée ? Voici mon code :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
var style1 = new OpenLayers.StyleMap({
        "default": new OpenLayers.Style({
            strokeColor:'#D8A600',
            strokeWidth:5,
            fillColor:'#D8A600',
            fillOpacity:0.9
        })
        });
 viewer.getMap().addLayer("GPX", "nom", "test.gpx", 
		{styleMap: style1, visibility : true, displayInLayerSwitcher: true});

Merci d'avance.

[dgrichard]

Seules les surfaces sont coloriables ...
Il n'y a pas de polygones dans GPX.

Pour les colorier, il faudrait "intercepter" la méthode preFeatureInsert pour générer des polygones pour les traces qui ferment ...

[mga_geo]

On peut transformer les lignes en polygones avec une fonction appelée au niveau du loadend de la couche:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
/*
  Function: line2poly
  pour transformer des lignes en polygones
  Parameters:
  Returns:
*/
   this.line2poly = function() {
    console.log("line2poly() debut");
    if ( ! this.layer ) {
      console.log("line2poly() pas de layer actif");
      return;
    }
    if (!this.layer.features.length) {
      console.log("line2poly() pas de features");
      return;
    }
 		for (var i = 0; i < this.layer.features.length; i++) {
      var geometry = this.layer.features[i].geometry;
      if (geometry.CLASS_NAME != "OpenLayers.Geometry.LineString") {
        continue;
      }
      var ring = new OpenLayers.Geometry.LinearRing(geometry.components);
	    this.layer.addFeatures(new OpenLayers.Feature.Vector(new OpenLayers.Geometry.Polygon([ring])));
	    console.log("line2poly() i:%d CLASS_NAME:%s",i,geometry.CLASS_NAME);
 	  }
    console.log("line2poly() fin");
  };