Discussion :

[luigifab]

Bonsoir, ou plutôt Bonnuit !

Je viens poster ici parce que j'ai rien compris à ce que j'ai trouvé sur internet.
Et aussi parce que je déprime...

Pour commencer, en pièce jointe à ce sujet, l'application que je développe.
- L'utilisateur renseigne son adresse, il clique ensuite sur le bouton « Géoportail » ou « Google Map », et la carte s'affiche avec un marqueur situé sur l'adresse qu'il a saisie.
- Si l'adresse n'est pas trouvée, message d'information... ... ...


Maintenant passons au niveau des problèmes :

- Ci-dessous voici comment je place mon marqueur (on peut surement faire mieux). Problème, l'image n'est pas positionnée au bon endroit, elle est centrée par rapport aux coordonnées, au lieu d'être juste au dessus...

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
// positionnement du marqueur
var position = new OpenLayers.Geometry.Point(this.longitude, this.latitude);
position.transform(OpenLayers.Projection.CRS84, this.carteGeoportail.projection);

// création du marqueur
this.marqueurGeoportail = new OpenLayers.Feature.Vector(
       position, null, { externalGraphic:IMAGE_MARQUEUR, graphicWidth:20, graphicHeight:34 }
);

// couche du marqueur
var couche = new OpenLayers.Layer.Vector('Marqueur');
couche.addFeatures([this.marqueurGeoportail]);
this.carteGeoportail.getMap().addLayer(couche);

- Ensuite, si l'utilisateur à la mauvaise idée de changer l'adresse qu'il a saisie, ou lorsque l'utilisateur change le marqueur de place sur la carte Google et qu'il revient sur la carte Géoportail, il faut déplacer le marqueur.
Autant j'arrive à placer un marqueur, autant je suis incapable de le déplacer après. J'ai essayé le code suivant, mais non.

Code :

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

1
2
3
4
5
6
// positionnement du marqueur
var position = new OpenLayers.Geometry.Point(this.longitude, this.latitude);
position.transform(OpenLayers.Projection.CRS84, this.carteGeoportail.projection);

// recentre le marqueur
this.marqueurGeoportail.geometry = new OpenLayers.Geometry().move = position;

- Et si maintenant, je veux déplacer mon marqueur... Comment qu'on fait ?
Dans la doc j'ai vu DragFeature, mais un « alert(OpenLayers.Control.DragFeature); » me donne undefined, donc bon.

- Est-il possible de demander au Géoportail les coordonnées d'une adresse ?

[mga_geo]

Pour le centrage, c'est facile:
- en plus d'externalGraphic, il faut jouer sur graphicXOffset et graphicYOffset
Souvent en décalant de -1/2 largeur et -1/2 hauteur on obtient le résultat escompté.

Pour pouvoir déplacer un marqueur, il faut:
- ajouter le contrôle OpenLayers.Control.DragFeature à la couche de marqueurs
- ajouter une icône dans la barre d'outils pour activer ce contrôle
J'ai des pages où je fais des essais avec mise en oeuvre du déplacement:
- http://atlasnw.free.fr/geoportail/ex...gpx_edite.html
- http://atlasnw.free.fr/geoportail/ex.../gpx_edit.html
- http://atlasnw.free.fr/geoportail/ex...essin_kml.html
Le code nécessaire est assez important.

Pour changer la position d'un marqueur, la solution simpliste est de le supprimer(destroyFeatures([feature]); ) puis de le re-créer!

[dgrichard]

- Est-il possible de demander au Géoportail les coordonnées d'une adresse ?

A partir de la 1.0, ce sera en production... avant la fin du mois

Tu peux faire des tests (au moins du code, pas des appels) avec la 1.0bêta5...

[luigifab]

Okay ^^

en plus d'externalGraphic, il faut jouer sur graphicXOffset et graphicYOffset

Effectivement

Pour changer la position d'un marqueur, la solution simpliste est de le supprimer(destroyFeatures([feature])

Parfait, même s'il ma fallu 1/2 heure pour comprendre comment utiliser la méthode.

Pour pouvoir déplacer un marqueur, il faut:
- ajouter le contrôle OpenLayers.Control.DragFeature à la couche de marqueurs
- ajouter une icône dans la barre d'outils pour activer ce contrôle

Alors là c'est la catastrophe !
Si je fais un « new OpenLayers.Control.DragFeature() », j'ai le droit à un « OpenLayers.Control.DragFeature is not a constructor »... :'(

[dgrichard]

Alors là c'est la catastrophe !
Si je fais un « new OpenLayers.Control.DragFeature() », j'ai le droit à un « OpenLayers.Control.DragFeature is not a constructor »... :'(

Es-tu bien en API étendue ? "v=1.0beta4-e" par exemple.

[luigifab]

Ha ben oué ben non, forcément ça aide pas...
Voyons la suite.

[luigifab]

Merci pour votre aide, sans vous, je n'aurais pas encore réussi !
Comme sa peut toujours servir, en pièce jointe mon fichier JavaScript, et la démo sur mon site web : http://www.luigifab.info/apijs/carte.htm

[dgrichard]

Merci pour votre aide, sans vous, je n'aurais pas encore réussi !
Comme sa peut toujours servir, en pièce jointe mon fichier JavaScript, et la démo sur mon site web : http://www.luigifab.info/apijs/carte.htm

C'est nickel
Une petite contribution pour la galerie (Cf. là) ?

[cmail]

On peut chipoter un peu?
Je rentre mon code postal 43520 et le nom de ma commune Mazet... Cela m'ouvre bien la carte mais le marqueur n'est pas placé au centre du village?
Sinon, bel effort!

[mga_geo]

Bravo pour la lisibilité du code!
Il y a même des majuscules accentuées, tu fais comment? (j'ai plus le courage en copier/coller).

[luigifab]

@cmail : le problème vient des coordonnées fournies par Google.

@mga_geo : justement en corrigeant les erreurs qui trainent (avec jslint), je me demandai si c'était compréhensible, par quelqu'un d'autre que moi...
Pour les majuscules accentuées, Linux.

[luigifab]

Je sais pas trop si ça vient de mon code, mais j'ai un problème avec Opera 10.50.
Voir la capture d'écran pour le détails des erreurs.

C'est connu, ou c'est moi qui fait n'importe quoi ?

[dgrichard]

C'est connu, ou c'est moi qui fait n'importe quoi ?

Avec la 1.0bêta4 Opera 9.6x posait de gros problème ...
Avec la 1.0bêta5 Opera 10.x ne pose qu'un seul problème (bug rapporté à OpenLayers)... (enfin, jusqu'ici pas d'autres remontés)

Je regarderai, vu qu'il y a la pile d'appels, mais cela ne me semble pas incongru avec la 1.0bêta4