Discussion :

[JoNeSsS]

Bonjour,

Toujours en galère, je souhaite désormais récupérer les coordonnées x et y quand je déplace ma carte avec la souris.
J'utilise le SDK Géoportail :

mapEventsOptions : {
"mapLoaded" : afterInitMap,
"centerChanged" : afterCenterChanged,
"onclick" : afterOnClick,
},

Dans ma fonction afterInitMap je récupère bien la valeur viewer.getCenter().x et viewer.getCenter().y mais pas dans afterCenterChanged ou le viewer est inconnu d'après la console...
Je ne comprends pas.

De même je souhaite pouvoir déplacer mon marker avec un clic de souris et afficher les nouvelles coordonnées, j'ai peut-être une piste avec onclick.

Je suis preneur d'une doc qui explique clairement comment utiliser toutes ces fonctions car la doc en ligne n'est pas simple...
Si vous avez une petit idée.

Merci par avance.

[sfabry]

Bonjour,

Dans ma fonction afterInitMap je récupère bien la valeur viewer.getCenter().x et viewer.getCenter().y mais pas dans afterCenterChanged ou le viewer est inconnu d'après la console...

la fonction afterInitMap accepte un paramètre qui contient les nouvelles coordonnées du centre de la map.

De même je souhaite pouvoir déplacer mon marker avec un clic de souris et afficher les nouvelles coordonnées, j'ai peut-être une piste avec onclick.

Pour réaliser cela on peut utiliser une interaction OpenLayer

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
//Creation du Marker
var vectorSource = new ol.source.Vector({
  features: [marker]
});

//Creation du layer
var markerVectorLayer = new ol.layer.Vector({
  source: vectorSource,
});

//Ajout du layer a la map
map.addLayer(markerVectorLayer);

//Creation de l interaction
var dragInteraction = new ol.interaction.Modify({
    features: new ol.Collection([marker])
});

//Ajout de l'interaction a la map
map.addInteraction(dragInteraction);

//[Optionnel] Ajout d'un listener au deplacement du marker
marker.on('change',function(){
   console.log('Feature Moved To:' + this.getGeometry().getCoordinates());
},marker);

J'espere que cela repond au besoin.

source: https://stackoverflow.com/questions/...-open-layers-3