Discussion :

[Jarod51]

Bonjour,

J'ai une série de points qui sont de la forme :

latitude | longitude | hauteur en mètre

pour tracer mes points dans la google map je n'ai pas de problème, par contre, ce que je ne sais pas faire, c'est comment mettre une echelle de couleur graduée qui va colorier ma google map en fonction de la hauteur. Je ne sais si je suis très clair, par exemple, sur ce site, ils sont arrivés à mettre une echelle graduée de couleur en fonction de la hauteur des vagues sur : http://www.surfline.com/surf-forecasts

Si quelqu'un aurait des pistes ou des exemples, je suis preneur .
Merci.

[erox44]

Hmm, je n'ai pa le code source de la map du site, mais pour ma part, ce que je ferais c'est :
tu construit un tableau contenant les différents couples de couleurs ; en gros un truc du genre
tab : [
{"debutcouple": 0,
"finCouple":5,
"couleur": #codecouleur},
{ ...},
... ]
ensuite tu associe telle ou telle couleur pour chaque couple puis , tu boucles sur tes markers avant de les afficher et s'il est contenu dans telle ou telle catégorie, tu lui affecte la couleur correspondante.

Apres y'a surement un moyen plus simple mais bon , solution basique en attendant :p

[Jarod51]

Merci pour ta réponse erox44,

Pour le debutcouple fincouple, c'est en fait un intervalle, ie : [0,5] mètres j'affecte une couleur ?

affichage -> code source.
Mais j'ai pas tout compris à leurs codes, et je sais pas si je peux l'adapter à mon cas de figure.

Tiens moi au courant.
A+ et merci.

[erox44]

Hm, je vois qu'ils utilisent des TilesLayers, perso je m'y connais pas suffisamement pour t'aider à ce niveau là, donc bah sinon pour le truc que je t'ai proposé au dessus, oui tu peux créer un tableau avec des intervalles si tu veux , mais bon le tout est de pouvoir choper le max et le min de chacune afin de comparer avec le point que tu veux placer sur ta map.
Ensuite bah, soit tu ajoute aussi la couleur dans ce meme tableau , soit tu en crée un nouveau spécifique aux couleurs, et tu fais correspondre les deux, ca me parait plus simple.

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
var tabIntervalles = new Array();
tabIntervalles.push(new Array(["0","5","#000000"]);
.....
 
for(var i = 0, l= mesMarkers.length; i < l; i++){
  for(var j =0, t = tabIntervalles.length ; j < t: j++){
    if(mesMarkers[i].hauteur >= tabIntervalles[j][0] && mesMarkers[i].hauteur < tabIntervalles[j][1]){
      // on donne à ce marker cette couleur 
      break;
    }
  }
 
}

Bon voila, j'espere que ca te donnera une idée quoi :/

[Jarod51]

Merci pour ton exemple. Je vois à peu près comment me lancer.

J'étais parti également sur l'idée de construire un calque dynamique, pour cela je donne à mon calque une URL ou il va pouvoir récupérer une image pour une coordonnée, donc avec un fichier vague.php, celui-ci devra retourner un fichier de type (avec les header) .png avec la couleur que je veux ensuite j'essai de génèrer mon image en php avec la librairie GD.

Mais bon ton idée me semble moins complexe .