Discussion :

[dom73]

Bonjour

J'utilise GpPluginOpenLayers (sur Open Layers 4.4.2) et je souhaite récupérer, au clic, les infos suivantes : longitude, latitude, altitude, INSEE

Je sais récupérer longitude + latitude + altitude en faisant appel au service Gp.Services.getAltitude en utilisant le code suivant :

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
map.on('singleclick',function (e) {
var clickCoord = e.coordinate;
var clickCoordLonLat = ol.proj.transform(clickCoord, map.getView().getProjection(), 'EPSG:4326');
	Gp.Services.getAltitude({
		apiKey : "maclé",
		positions : [ // positions pour le calcul alti
			{ lon: clickCoordLonLat[0], lat: clickCoordLonLat[1] },
		],
		onSuccess : function (result) {
            //renvoi dans le formulaire de lat et lon arrondies à 6 chiffres et altitude arrondi à l'entier
			document.monform.lon.value=Math.round(1000000*clickCoordLonLat[0])/1000000;
			document.monform.lat.value=Math.round(1000000*clickCoordLonLat[1])/1000000;
			document.monform.alt.value=Math.round(result.elevations[0].z);
		}
	});
}
);

Je sais, par ailleurs, récupérer l'INSEE, en faisant appel au service Gp.Services.reverseGeocode, avec le code suivant puis extraire l'INSEE avec un preg_match

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
map.on('singleclick',function (e) {
var clickCoord = e.coordinate;
var clickCoordLonLat = ol.proj.transform(clickCoord, map.getView().getProjection(), 'EPSG:4326');
var fo = {type: ["PositionOfInterest"]};
    Gp.Services.reverseGeocode({
      position: {
        x: clickCoordLonLat[0],
        y: clickCoordLonLat[1]
      },
      filterOptions: fo,
      apiKey: "maclé",
      onSuccess: function(result) {
        document.monform.insee.innerHTML = "<p>" + JSON.stringify(result) + "</p>"
      },
      onFailure: function(error) {
        document.monform.insee.innerHTML = "<p>" + error + "</p>"
      }
    });
}
);

Mais, je n'arrive pas à lier les deux dans la même action, c'est à dire remplir mes 4 champs sur le même clic de souris

Je vous remercie de vos suggestions

Dom

[mga_geo]

Bonjour Dom,
En mettant les codes à l'intérieur d'un seul map.on cela ne fonctionne pas ?

Code JavaScript :

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

1
2
3
4
5
6
map.on('singleclick',function (e) {
  code1
}
map.on('singleclick',function (e) {
  code2
}

nouvelle version

Code JavaScript :

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

1
2
3
4
map.on('singleclick',function (e) {
  code1
  code2
}

Marc

[dom73]

Bonjour Marc

Merci pour ta réponse.
J'avais bien essayé de regrouper les deux appels dans le même map.
Mais ça ne fonctionne pas, la page ne renvoie que latitude / longitude / altitude dans les champs du formulaire ; l'appel à Gp.Services.reverseGeocode semble ignoré

Voici le code avec les deux appels :

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
map.on('singleclick',function (e) {
var clickCoord = e.coordinate;
var clickCoordLonLat = ol.proj.transform(clickCoord, map.getView().getProjection(), 'EPSG:4326');
var fo = {type: ["PositionOfInterest"]};
	Gp.Services.getAltitude({
		apiKey : "5tddd1s4k1a9vr174isjuy2d",
		positions : [ // positions pour le calcul alti
			{ lon: clickCoordLonLat[0], lat: clickCoordLonLat[1] },
		],
		onSuccess : function (result) {
            //renvoi dans le formulaire de lat et lon arrondies à 6 chiffres et altitude arrondi à l'entier
			document.monform.lon.value=Math.round(1000000*clickCoordLonLat[0])/1000000;
			document.monform.lat.value=Math.round(1000000*clickCoordLonLat[1])/1000000;
			document.monform.alt.value=Math.round(result.elevations[0].z);
			document.monform.lat_lon.value=Math.round(1000000*clickCoordLonLat[1])/1000000+','+Math.round(1000000*clickCoordLonLat[0])/1000000;
		}
	});
    Gp.Services.reverseGeocode({
      position: {
        x: clickCoordLonLat[0],
        y: clickCoordLonLat[1]
      },
      filterOptions: fo,
      apiKey: "5tddd1s4k1a9vr174isjuy2d",
      onSuccess: function(result) {
        document.monform.insee.innerHTML = "<p>" + JSON.stringify(result) + "</p>"
      },
      onFailure: function(error) {
        document.monform.insee.innerHTML = "<p>" + error + "</p>"
      }
    });
}
);

[dom73]

Je complète ma réponse du précédent post ; j'ai fait passer la déclaration de variable "fo" juste avant l'appel à Gp.Services.reverseGeocode au lieu de la mettre au début et ça fonctionne !

Voici le code OK

Merci pour ton intervention qui m'a relancé !

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
map.on('singleclick',function (e) {
var clickCoord = e.coordinate;
var clickCoordLonLat = ol.proj.transform(clickCoord, map.getView().getProjection(), 'EPSG:4326');
	Gp.Services.getAltitude({
		apiKey : "5tddd1s4k1a9vr174isjuy2d",
		positions : [ // positions pour le calcul alti
			{ lon: clickCoordLonLat[0], lat: clickCoordLonLat[1] },
		],
		onSuccess : function (result) {
            //renvoi dans le formulaire de lat et lon arrondies à 6 chiffres et altitude arrondi à l'entier
			document.monform.lon.value=Math.round(1000000*clickCoordLonLat[0])/1000000;
			document.monform.lat.value=Math.round(1000000*clickCoordLonLat[1])/1000000;
			document.monform.alt.value=Math.round(result.elevations[0].z);
			document.monform.lat_lon.value=Math.round(1000000*clickCoordLonLat[1])/1000000+','+Math.round(1000000*clickCoordLonLat[0])/1000000;
		}
	});
var fo = {type: ["PositionOfInterest"]};
    Gp.Services.reverseGeocode({
      position: {
        x: clickCoordLonLat[0],
        y: clickCoordLonLat[1]
      },
      filterOptions: fo,
      apiKey: "5tddd1s4k1a9vr174isjuy2d",
      onSuccess: function(result) {
        document.monform.insee.innerHTML = "<p>" + JSON.stringify(result) + "</p>"
      },
      onFailure: function(error) {
        document.monform.insee.innerHTML = "<p>" + error + "</p>"
      }
    });
}
);