Discussion :

[RogaDev]

Salut à tous et à toutes,

Je suis au terme de mon projet, mais j'ai vu quelque sur un site
https://map.what3words.com/machin.derri%C3%A8re.grenier
faite un zoom sur la carte
qui ma impressionné donc je voudrais l'implemanter chez moi.

voici l'url en question que j'utilise pour ma réalisation
https://api.what3words.com/v2/grid?b...EK&format=json

et enfin voici le contenu de mon code d'affichage de la map

https://www.w3schools.com/howto/howto_google_maps.asp

et mon code de la grille

Code javascript :

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
 
display=function(o,start){
var lines[];
$.map(o.lines,function(item,key){
$.map(item,function(i,lng,lat){
if(lng=='lng' and lat='lat'){
if(i.indexOf(start.toLowerCase())=>o){
lines.push({ label: i});
}
}
});
 
});
if(lines.length==0){
 
		suggestions.push({label:'aucune adresse trouvée.'});
        }
 
	return lines;
	}
	     source: function (request, response)
	{
	      $.ajax({
		 "async": true,
		  "crossDomain": true,
		  "method": "GET",
		  "headers": {},
 
				  "url":"https://api.what3words.com/v2/grid?bbox=52.208867%2C0.117540%2C52.207988%2C0.116126&key=GDEFCTEK&format=json",
				 "data": { q: request.term },
                  "dataType": "json",
                  "success": function (data) {
			response(display(data,request.term));
					}
             });
	},

merci pour votre aide

[NoSmoking]

Bonjour,
il s'agit d'une image svg (https://map.what3words.com/static/me...0.1319cf04.svg) mise en overlay.

• Voir la documentation Add a custom overlay
• Voir exemple Custom Overlay

[RogaDev]

Bonjour,
Merci NoSmoking pour vos lien car je les trouvé tres bien,
mais malheureusement moi je voudrais que les petits carres sorte lors du zoom de la carte
comme ceci https://map.what3words.com/machin.derri%C3%A8re.grenier
or sur votre lien https://developers.google.com/maps/d...overlay-simple le carre est déja dessiné bien avant qu'on ne zoom sur la carte.



Pour mieux comprendre vous deviez dézoomer jusqu'a retrouver les ville avant de zoomer

[NoSmoking]

mais malheureusement moi je voudrais que les petits carres sorte lors du zoom de la carte

tu peux bien faire apparaître/disparaître un overlay quand tu veux, regarde du côté des événements et en particulier zoom_changed sur la map.

[RogaDev]

Salut encore

Moi je pense que si j'ai pu récupérer la longitude et la latitude

se trouvant sur ce lien https://api.what3words.com/v2/grid?b...EK&format=json

avec se code,

Code javascript :

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
display = function(o, start) {
    var lines[];
    $.map(o.lines, function(item, key) {
        $.map(item, function(i, lng, lat) {
            if (lng == 'lng'
                and lat == 'lat') {
                lines.push({
                    label: i
                });
            }
        });
 
    });
    if (lines.length == 0) {
 
        suggestions.push({
            label: 'aucune adresse trouvée.'
        });
    }
 
    return lines;
}
source: function(request, response) {
    $.ajax({
        "async": true,
        "crossDomain": true,
        "method": "GET",
        "headers": {},
 
        "url": "https://api.what3words.com/v2/grid?bbox=52.208867%2C0.117540%2C52.207988%2C0.116126&key=GDEFCTEK&format=json",
        "data": {
            q: request.term
        },
        "dataType": "json",
        "success": function(data) {
            response(display(data, request.term));
        }
    });
},

je pense que le probleme sera resolue

[NoSmoking]

je n'ai pas compris le sens de ton message

[RogaDev]

salut je voudrais dire que, c'est lorque tu zoom sur la carte située sur ce lienhttps://api.what3words.com/v2/grid?b...EK&format=json
que tu vois ma question.

Moi je pense que l'on pourra le reussir si nous pouvons recupéré les adresses de la longitude et latitude se trouvant ici
https://api.what3words.com/v2/grid?b...EK&format=json

Moi personnelement j'ai pensé le recupré avec ce code

Code javascript :

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
 
display = function(o, start) {
    var lines[];
    $.map(o.lines, function(item, key) {
        $.map(item, function(i, lng, lat) {
            if (lng == 'lng'
                and lat == 'lat') {
                lines.push({
                    label: i
                });
            }
        });
 
    });
    if (lines.length == 0) {
 
        suggestions.push({
            label: 'aucune adresse trouvée.'
        });
    }
 
    return lines;
}
source: function(request, response) {
    $.ajax({
        "async": true,
        "crossDomain": true,
        "method": "GET",
        "headers": {},
 
        "url": "https://api.what3words.com/v2/grid?bbox=52.208867%2C0.117540%2C52.207988%2C0.116126&key=GDEFCTEK&format=json",
        "data": {
            q: request.term
        },
        "dataType": "json",
        "success": function(data) {
            response(display(data, request.term));
        }
    });
},

et l'intégré a ma carte(maps)

actuelement sans succes

[NoSmoking]

Il y a trop d'erreur dans le code que tu fournis, il te faut rapidement t'exercer à utiliser la console, F12, tu devrais y voir des erreurs intéressantes.

[RogaDev]

Ok je vais le revoir.

mais quelle solution peut tu m'apporter stp ???

[NoSmoking]

mais quelle solution peut tu m'apporter stp ???

Aucune dans l'immédiat.

La première des choses à faire et d'écrire un script qui fonctionne avant de vouloir faire des choses qui comme tu l'as écrit « qui ma impressionné donc je voudrais l'implemanter chez moi. ».

L'autre première des choses à faire est de bien définir ce dont tu as réellement besoin/envie, ce qui ne m’apparais pas très clairement à la lecture de la discussion.