Créer un geoJson à partir des url de plusieurs villes
Bsr,
Je réussis à afficher en ligne le contenu des url fournis sur data.gouv.fr
Code:
1
2
3
4
5
6
7
8
9
10
11
|
<script type='text/javascript'>
var xhr = new XMLHttpRequest();
xhr.open('GET', 'https://geo.api.gouv.fr/communes/13010/?&fields=contour');
xhr.onreadystatechange = function() {
if (xhr.readyState === 4) {
alert(xhr.responseText);
}
};
xhr.send();
</script> |
Chaque commune est identifiée par son code INSEE
Code:
'https://geo.api.gouv.fr/communes/ + INSEE + /?&fields=contour'
Mais pour la création d'un carte j'ai besoin de créer un geoJson complet sans appel au serveur data.gouv.fr pour pouvoir accélérer l'affichage.
Pb, grand débutant en JS je ne sais pas comment faire.
Merci de votre aide.:D
Créer un geoJson à partir des url de plusieurs villes
Je progresse dans l'affichage sur la console mais ne réussis pas à récupérer le résultat...
Code:
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
|
var villes = "";
var tableau = [
["https://geo.api.gouv.fr/communes/26233/?&fields=contour"],
["https://geo.api.gouv.fr/communes/26236/?&fields=contour"],
["https://geo.api.gouv.fr/communes/26238/?&fields=contour"],
["https://geo.api.gouv.fr/communes/26256/?&fields=contour"],
["https://geo.api.gouv.fr/communes/26275/?&fields=contour"],
["https://geo.api.gouv.fr/communes/26285/?&fields=contour"],
["https://geo.api.gouv.fr/communes/26317/?&fields=contour"],
["https://geo.api.gouv.fr/communes/26322/?&fields=contour"],
["https://geo.api.gouv.fr/communes/26342/?&fields=contour"],
["https://geo.api.gouv.fr/communes/26345/?&fields=contour"],
["https://geo.api.gouv.fr/communes/26357/?&fields=contour"],
["https://geo.api.gouv.fr/communes/26363/?&fields=contour"],
["https://geo.api.gouv.fr/communes/26367/?&fields=contour"],
["https://geo.api.gouv.fr/communes/26374/?&fields=contour"],
];
tableau.forEach(function (tab) {
var url = tab[0];
var xhr = new XMLHttpRequest();
xhr.open('GET', url);
xhr.onreadystatechange = function() {
if (xhr.readyState === 4) {
villes = xhr.responseText;
}
console.log(villes)
};
xhr.send();
}); |
