Exif utiliser et récupérer données gps
Bonjour tout le monde !
J'essaie de récupérer les coordonnées d'une image pour google map API plus tard.
J'ai créé un fichier .js et un .html qui utilisent exif pour récupérer des informations
Voici mon code js :
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
|
window.onload=getExif;
function gotTag() {
var make = EXIF.getTag(this, "Make");
var model = EXIF.getTag(this, "Model");
var makeAndModel = document.getElementById("makeAndModel");
makeAndModel.innerHTML = `${make} ${model}`;
var long = EXIF.getTag(this, "GPSLongitude");
var lat = EXIF.getTag(this, "GPSLatitude");
var coord = document.getElementById("coordo");
coord.innerHTML = `${long} // ${lat}`;
}
function gotTagAll() {
var allMetaData = EXIF.getAllTags(this);
var allMetaDataSpan = document.getElementById("allMetaDataSpan");
allMetaDataSpan.innerHTML = JSON.stringify(allMetaData, null, "\t");
}
function getExif() {
var img1 = document.getElementById("img1");
EXIF.getData(img1, gotTag);
//var img2 = document.getElementById("img2");
//EXIF.getData(img2, gotTagAll)
}
//var img1 = document.getElementById("img1");
//console.log(EXIF.getTag(img1,"Model")); |
Je débute complètement en js et je suis pas trop sûr de tout tout bien comprendre mais ca marche et j'arrive a afficher les informations sur la page internet (grâce au inert)
Le problème c'est que je n'arrive pas à récupérer les informations pour les mettre dans une variable. A chaque fois que j'essaie de les manipuler, c'est undefined.
J'aimerais pouvoir utiliser ces données dans une autre fonctionne par exemple, les stocker pour les manipuler quoi :)
Est-ce que c'est clair ? Quelqu'un a une idée ? :)
Merci d'avance !
