Discussion :

[shyfu]

Bonjour,

Suite a votre demande, je ré ouvre un nouveau sujet pour ma question.

J'utilise actuellement l'exemple "quickstart" du site tutorial de l'API Géoportail. Par défaut les coordonnées sont écrites en bas dans cet exemple : abscisses, ordonnées, unités...
Ma question est donc la suivante :
Peut-on modifier l'affichage de ce pied de page? Comment récupérer ces informations dans une variable pour ensuite les exploiter?

Merci par avance, cordialement.

[jrenard]

Bonjour,

Comment récupérer ces informations dans une variable pour ensuite les exploiter?

Ces informations sont des attributs du contrôle Geoportal.Control.MousePosition qui définit les coordonnées du point survolé à la souris et leur formatage.
Voir ici la page de JsDoc sur ce contrôle : http://api.ign.fr/tech-docs-js/2.1.1...sition-js.html

Concrètement, ce contrôle peut être récupéré dans la fonction initMap par une ligne telle que celle-ci :

Code javascript :

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

mousePositionCtrl = viewer.getMap().getControlsByClass('Geoportal.Control.MousePosition')[0];

On peut ensuite à tout moment accéder aux informations du contrôle à un instant T (par un clic sur un bouton ad hoc, ou par un évènement mousemove ajouté sur la div de carte), par exemple les latitude/longitude de la position courante de la souris :

Code javascript :

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

1
2
var lat = parseInt(mousePositionCtrl.latInput.value);
var lon = parseInt(mousePositionCtrl.lonInput.value);

Peut-on modifier l'affichage de ce pied de page?

S'il s'agit de modifier l'apparence du pied de page, il va falloir utiliser l'inspecteur Firebug pour récupérer les noms de class des différents éléments qui le composent, et jouer sur les propriétés CSS associés à ces class. Par exemple, la div du pied de page a pour class "gpControlInformation", la div interne affichant les coordonnées a pour class "gpControlMousePosition", etc...
S'il ne s'agit pas de ça, merci de préciser la question

[shyfu]

Ok pour le "pied de page", la question était bête... Désolé.

Vous m'en voyez gêné mais je n'ais pas compris comment, par exemple, afficher les coordonnées en temps réel de la souris sur ma page. Je ne vois pas ou ajouter ces deux ligne de code que vous m'avez fournis :
var lat = parseInt(mousePositionCtrl.latInput.value);
var lon = parseInt(mousePositionCtrl.lonInput.value);

[jrenard]

Pour récupérer les coordonnées de la souris à chaque nouveau mouvement, il suffit de déclencher un évènement mousemove sur le viewer de la carte :

Code javascript :

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

document.getElementById('viewerDiv').addEventListener('mousemove',getMousePosition);

Cet évènement appelle une fonction getMousePosition définie ailleurs dans le code, par exemple :

Code javascript :

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

1
2
3
4
5
function getMousePosition() {
    var lat = parseInt(mousePositionCtrl.latInput.value);
    var lon = parseInt(mousePositionCtrl.lonInput.value); 
    console.log('lat:'+lat+' ; lon:'+lon);
}

Est-ce plus clair ?

[shyfu]

La console me renvoie cette erreur :
"ReferenceError: mousePositionCtrl is not defined"

[jrenard]

1) Déclarer quelque part la variable globale qui servira à récupérer le contrôle :

Code javascript :

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

var mousePositionCtrl = null;

Puis instancier cette variable à l'intérieur de la méthode initMap :

Code javascript :

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

mousePositionCtrl = viewer.getMap().getControlsByClass('Geoportal.Control.MousePosition')[0];

[shyfu]

Je doit vraiment être bête mais maintenant je n'ais plus d'erreur mais je n'ais rien dans la console non plus

[jrenard]

Nous sommes bien d'accord qu'il ne s'affichera rien dans la console qu chargement de la page, seul le survol de la carte par la souris va provoquer des console.log ?

[shyfu]

Effectivement nous somme bien d'accord sur ce poit. Cependant j'ai trouvé l'erreur qui n'avais rien a voir avec les nouvelles fonctions. Merci infiniment de votre aide.

[jrenard]

Du coup, sujet ?