Je place mes marqueurs sur la carte, puis elle disparaissent

**martink** · 03/03/2011, 18h04

Grâce à l'aide reçue (efficace

), j'arrive bien à placer mes marqueurs sur la carte.
Seul "petit" ennui... lorsque je place le dernier marqueur, tous les autres disparaissent

J'ai fait du pas à pas avec Firebug et c'est bien ça. Je vois apparaître un à un les marqueurs, j'arrive tout à la fin, le dernier marqueur est placé... et quand je laisse défiler le script alors qu'il n'y a plus aucune logique à exécuter (après la dernière boucle dans "addRandomMarker" (voir le code), tous les marqueurs sauf le dernier disparaissent. Je n'arrive pas à comprendre pourquoi. Est-ce qu'il y a un paramètre qui me manque dans la création du Viewer?

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
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
                // Rajout des paramètres à l'URL de la ligne détail
                var lat = 5445978.139841032;
                var lng = 172665.0948426;
                var rad = 200;

                OpenLayers.Lang.setCode('fr');
                geoportalLoadviewer("map_canvas","normal");
                if(viewer){
                    viewer.addGeoportalLayer('ORTHOIMAGERY.ORTHOPHOTOS:WMSC');                              // Photos aériennes
                    viewer.addGeoportalLayer('TRANSPORTNETWORKS.ROADS:WMSC', {visibility: true});           // Plans des routes
                    viewer.addGeoportalLayer('GEOGRAPHICALGRIDSYSTEMS.MAPS:WMSC', {visibility: false});     // Cartes IGN
                }
                // Set map at center
                // Note, we are not using longitude/latitude but metres for the map projection
                var lonlat= new OpenLayers.LonLat(lng, lat);
                viewer.getMap().setCenter(lonlat,16,false,false);

                // Make the tools folded
                // onglet "couches" affiché (true=oui  false=non)
                viewer.setLayersPanelVisibility(true);
                // onglet "couches" développé (true=oui  false=non)
                viewer.openLayersPanel(false);
                // onglet "outils" affiché (true=oui  false=non)
                viewer.setToolsPanelVisibility(true);
                // onglet "outils" développé (true=oui  false=non)
                viewer.openToolsPanel(false);
                // Add marker at center
                markers = new OpenLayers.Layer.Markers("Marqueurs");
                markers.displayInLayerSwitcher=false;
                viewer.getMap().addLayer(markers);
                prepMarkers();
                var popupClass = OpenLayers.Popup.Anchored;
                var popupContentHTML = '<p>My test marker</p>';
                markers.addMarker(new OpenLayers.Marker(lonlat,icons[0]));
                for (var i = 1; i < 5; i++) {
                    addRandomMarker(lonlat, rad, i);
                }
            }
            function prepMarkers() {
                var size = new OpenLayers.Size(25,40);
                var offset = new OpenLayers.Pixel(-(size.w/2), -(size.h));
                icons[0] = new OpenLayers.Icon('http://10.156.239.229/PatrimIGN/img_maps/marker.png',size,offset);
                for (var i = 1; i < 10; i++) {
                    icons[i] = new OpenLayers.Icon('http://10.156.239.229/PatrimIGN/img_maps/marker_'+i+'.png',size,offset);
                }
                return;
            }
            function addRandomMarker(lonlat, radius, i) {
                var random_lonlat = lonlat;
                random_lonlat.lon = random_lonlat.lon + ((Math.random() - 0.5) * radius);
                random_lonlat.lat = random_lonlat.lat + ((Math.random() - 0.5) * radius);
                markers.addMarker(new OpenLayers.Marker(random_lonlat,icons[i]));
                return;
            }

**dgrichard** · 04/03/2011, 19h09

Envoyé par martink

Est-ce qu'il y a un paramètre qui me manque dans la création du Viewer?

Je ne vois rien d'anormal, je vais partir de ton code et regarder ...

**dgrichard** · 04/03/2011, 21h20

Envoyé par dgrichard

Je ne vois rien d'anormal, je vais partir de ton code et regarder ...

Vieux piège habituel :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
var lonlat= new OpenLayers.LonLat(lng, lat);/*1*/
...
for (var i = 1; i < 5; i++) {
    addRandomMarker(lonlat, rad, i);/*2*/
}
...
function addRandomMarker(lonlat, radius, i) {
     var random_lonlat = lonlat;/*3*/
     random_lonlat.lon = random_lonlat.lon + ((Math.random() - 0.5) * radius);/*4*/
     random_lonlat.lat = random_lonlat.lat + ((Math.random() - 0.5) * radius);/*5*/
     ...
}

/*1/ on crée l'objet lonlat;
/*2*/ on passe l'objet (la valeur de l'adresse de l'objet)
/*3*/ on croit copier l'objet passé en paramètre dans une nouvelle variable, mais en fait, random_lonlat et lonlat représente maintenant le même objet

/*4*//*5*/ on modifie l'objet => on modifie l'original

à la fin, ils sont tous empilés

En mode pas à pas, le débogeur empêche le rafraîchissement de la carte, jusqu'à ce que l'on arrive à la fin du traitement

Le fix :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
var lonlat= new OpenLayers.LonLat(lng, lat);/*1*/
...
for (var i = 1; i < 5; i++) {
    addRandomMarker(lonlat, rad, i);/*2*/
}
...
function addRandomMarker(lonlat, radius, i) {
     var random_lonlat = lonlat.clone();/*3*/
     random_lonlat.lon = random_lonlat.lon + ((Math.random() - 0.5) * radius);/*4*/
     random_lonlat.lat = random_lonlat.lat + ((Math.random() - 0.5) * radius);/*5*/
     ...
}