Discussion :

[xillibit]

Bonjour,

Dans ma carte google maps, je charge d'abord un KML avec le tracé de mon itinéraire et ensuite je charge les marqueurs avec un autre KML. Le souci est que les marqueurs se retrouvent toujours en dessous du tracé, je ne sais pas comment faire pour forcer les marqueurs à s'afficher au-dessus du tracé.

Pour comprendre, voici une capture d'écran :



La fonction suivante me permet de charger mon fichier KML :

Code :

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

1
2
3
4
5
6
7
8
9
function loadKMLFile(KMLFilename, map, cache) {		
       if ( cache==1 ) {
        var kmlfile = new google.maps.KmlLayer('http://monsite.com/kml/'+KMLFilename+'?rand='+(new Date()).valueOf() );
       } else {        
        var kmlfile = new google.maps.KmlLayer('http://monsite.com/kml/'+KMLFilename );
       } 
       kmlfile.setMap(map);
       layersdisplayer.push(kmlfile);
    }

J'appelle deux fois la fonction précédente pour charger les deux KML :

Code :

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

1
2
loadKMLFile(circuit_transports+'.kml', map_transports, 1);
          loadKMLFile('Arret_'+circuit_transports+'.kml', map_transports, 1);

Auriez-vous une idée ?

Merci d'avance

[NoSmoking]

Bonsoir,
et si tu changes l'ordre de chargement que ce passe t-il ?

Sinon regardes du coté de l'attribut <drawOrder> de fichier KML.

KML Reference

[xillibit]

J'ai une liste déroulante qui laisse le choix entre plusieurs tracés, quand je sélectionne tracés cela fonctionne tandis que pour les autres j'ai le même souci, en faisant l'une ou l'autre de vos méthodes

[NoSmoking]

J'ai une liste déroulante qui laisse le choix entre plusieurs tracés, quand je sélectionne tracés cela fonctionne tandis que pour les autres j'ai le même souci, en faisant l'une ou l'autre de vos méthodes

pas tout compris.

Le dernier KML affiché, s'affiche t-il systématiquement au dessus du précédent?

[xillibit]

Je reviens un peu tard sur le sujet car je l'avais laissé de côté, j'ai inversé le chargement des couches et cela fonctionne comme je veux.

Dans mon précédent essai cela n'avait pas fonctionné et maintenant j’utilise jquery et jquery ui maps.

[NoSmoking]

j'ai inversé le chargement des couches et cela fonctionne comme je veux.

<MODE INVISIBLE>

Bonsoir,
et si tu changes l'ordre de chargement que ce passe t-il ?

</MODE INVISIBLE>

[xillibit]

Ce n'est pas résolu car certaines fois la couche du tracé s'affiche bien en dessous du marqueur et d'autres fois non

[NoSmoking]

et si tu changes l'ordre de chargement que ce passe t-il ?

l'observation est la suivante
Le premier en retour s'affiche sur la couche la plus basse
Le second en retour s'affiche sur la couche en dessus
...etc...
comme je présumes que ta fonction loadKMLFile est une fonction asynchrone rien ne te garanti que le 1^er appel revient en 1^er.

[xillibit]

Mon code utilise jquery ui map donc il est différent de celui mis dans le premier message de ce sujet, je supprimer les KML existants dans la map avant d'afficher d'autres KML :

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
$('#map').gmap({ 'center': '45.76161017250319,6.284972881353269', 'zoom': 12 }).bind('init', function() {
    $('#liste').change(function() {
      var ts_selected = $('#liste').val();
 
      var layers = $('#map').gmap('get','overlays');
 
      if ( layers['ts'] != undefined ) {
        layers['ts'].setMap(null);
      }  
 
      if ( layers['ts_poi'] != undefined ) {
        layers['ts_poi'].setMap(null);
      } 
 
      if ( ts_selected!='none' ) {        
        $('#map').gmap('loadKML', 'ts', 'http://example.com/circuits_ts/'+ts_selected+'.kml');
 
        $('#map').gmap('loadKML', 'ts_poi', 'http://example.com/poi_ts/poi_'+ts_selected+'.kml');                
      }
    });  
  });

Je ne suis pas sur si on peut avoir le status si un kml a bien fini d'être chargé

[NoSmoking]

Je ne suis pas sur si on peut avoir le status si un kml a bien fini d'être chargé

rien vu de bien concret dans la documentation.

Par contre tu peux peu être détourner le problème en mettant un observateur sur la carte.

[xillibit]

P.S. j'ai fait comme cela, cela fonctionne, mais je n'utilise jquery ui map, j'enléve les kml déjà chargés sur la carte avant d'en afficher d'autres :

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
$('#map').gmap({ 'center': '45.76161017250319,6.284972881353269', 'zoom': 12 }).bind('init', function(ev, map) {
    $('#liste').change(function() {
      var ts_selected = $('#liste').val();
 
     if ( layersdisplayer!=undefined && layersdisplayer.length != 0 ) {
        for(i=0; i<layersdisplayer.length; i++  ) {							
					layersdisplayer[i].setMap(null);
				}
				layersdisplayer.length = 0;
			} 
 
      if ( ts_selected!='none' ) {  
        var layer_ts = new google.maps.KmlLayer('http://example.com/media/kml/circuits/'+ts_selected+'.kml' );
 
        layer_ts.setMap(map);
 
        layersdisplayer.push(layer_ts);
 
        google.maps.event.addListener(layer_ts, 'metadata_changed', function () {
          var layer_ts_poi = new google.maps.KmlLayer('http://example.com/media/kml/arrets/Arret_'+ts_selected+'.kml' );
 
          layer_ts_poi.setMap(map);
 
          layersdisplayer.push(layer_ts_poi);
        });            
      }
    });  
  });

Avec jquery ui map, la variable layer_ts ne contient pas un objet alors qu'avec new google.maps.KmlLayer() on a bien un objet :

Code :

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

var layer_ts = $('#map').gmap('loadKML', 'ts', 'http://example.com/media/kml/circuits/'+ts_selected+'.kml');

Je ne sais pas si c'est une bonne idée d'utiliser jquery ui map qui n'est plus maintenu depuis des lustres

[NoSmoking]

Effectivement, comme dans ton 1er lien, un truc du style

Code :

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

1
2
3
4
5
6
7
var groundOverlay = new google.maps.KmlLayer( 'http://nom_fichier_kml.kml', { map: oMap });
// ajoput ecouteur
google.maps.event.addListener( groundOverlay, 'status_changed', function(){
  if( this.status == google.maps.KmlLayerStatus.OK){
    // ici je peux lancer le chargement du 2éme KML
  }
});

Je ne sais pas si c'est une bonne idée d'utiliser jquery ui map qui n'est plus maintenu depuis des lustres

Plus maintenu ne veux pas forcément dire obsolète mais qu'il faut se contenter de ce qu'il y a et pas plus en espérant qu'il n'y ai pas de bug

Il existe également Gmap3, peut être plus aboutie, mais quoiqu'il arrive je ne trouve pas un gros apport à l'utilisation d'une telle librairie sauf bien sûr si tu utilises déjà jQuery et que tu en maitrise la syntaxe. Bien évidement il y aura vraisemblablement toujours un cas non prévu

[xillibit]

J'ai essayé avec le morceau que tu as mis dans ton message, cela fonctionne