Discussion :

[doudoubens]

Bonjour à tous,

je suis entrain de travailler sur un moteur de recherche en utilisant lucene et je souhaite afficher le résultat d'une requête sur google map.

j'ai déjà créer le champs de recherche (javascript) sur ma page et le résultat de la recherche est une liste de noms et de coordonnées géographique (récupéré depuis la base de donnée ) que j'affiche pour le moment sur la console(sysout).

Code :

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

[lieu1, 44.50669, -69.797974, lieu2, 43.18355, -85.892945, lieu3, 40.616904, -74.094129]

Je souhaite donc afficher mon résultat sur google Map mais j'ai besoin de conseils pour cela ou bien des exemples si possible.
J'ai du mal à passer du résultat obtenue dans le servlet à google map.

Merci

[NoSmoking]

Bonjour,
si il s'agit d'un ARRAY alors un lecture en boucle en récupérant les différents éléments permet de créer les marqueurs.

[doudoubens]

Bonjour,
merci pour ta réponse.
j'ai réussi à ordonner le résultat de la requête dans mon servlet en utilisant gson comme ceci:

Code :

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

1
2
3
4
5
6
7
8
response.getWriter().write(gson.toJson(array).toString());
 
 
{"myArrayList":[
{"name":"lieu 1","latitude":"44.50669","longitude":"-69.797974"},
{"name":"lieu 2","latitude":"43.18355","longitude":"-85.892945"},
{"name":"lieu 3","latitude":"40.616904","longitude":"-74.094129"}
]}

Mon souci c'est que je ne trouve pas d'exemple pour passer cette structure json dans google map. Je sais qu'il faut utiliser Ajax (pour récupérer les données suite à une requête dans un formulaire ) mais je ne sais pas comment procéder...

[NoSmoking]

un lien qui s'approche de la démarche
http://www.developpez.net/forums/d10...e/#post5834702

[doudoubens]

Merci nosmoking.

Je détailles un peu plus mon problème.

je souhaite en fait accéder tout d'abord a ces données qui sont envoyé par un servlet qui s'occupe de traiter la requête de l'utilisateur ( depuis un formulaire ) et renvoi une liste de données comme ceci :

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
 
{"myArrayList":[
				{
				"name":"lieu1",
				"latitude":"44.50669",
				"longitude":"-69.797974"
				},
				{
				"name":"lieu2",
				"latitude":"43.18355",
				"longitude":"-85.892945"
				},
				{
				"name":"lieu3",
				"latitude":"40.616904",
				"longitude":"-74.094129"
				}
]}

Comment procéder avec Ajax et jquery pour accéder a ces données la ( renvoyé par le servlet) depuis ma page html.

Formulaire est comme ceci:

Code :

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

1
2
3
4
5
6
7
8
9
10
 
 
<form id="myform" method="get" action="/InputSearch">
	<input type=text align="middle" size=51 name=query_value
				id="query_value" >
 
	<p style="text-align: center;">
	<input  type="submit" align="middle" size=13 value="Search ">
			</p>
		</form>

/InputSearch étant mon servlet qui effectue le traitement de la requête et renvoi le résultat avec json:

Code :

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

1
2
3
4
5
6
7
8
 
public  void doGet(HttpServletRequest request,HttpServletResponse response)throws ServletException,IOException {
 
                response.setContentType("application/json");
		response.setCharacterEncoding("UTF-8");
		response.setHeader("Cache-Control", "no-cache");
 (....................traitement .........)
               response.getWriter().write(gson.toJson(array).toString());

[NoSmoking]

je ne visualise pas bien le schéma...

Code :

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

1
2
3
4
5
6
7
8
9
Coté Client
-> page HTML
  -> FORMULAIRE
    -> SAISIE utilisateur
      -> SOUMISSION FORMULAIRE

Coté Serveur
-> RECEPTION et TRAITEMENT Requête ( servlet )
  -> RENVOI data JSON ??????????

- tu recharges la page ou tu utilises la technique AJAX ?
- quel type de données sont transmises au serveur, car il existe des méthodes de geocode dans l'API Google Map