Sunday, October 30, 2016

les meilleurs outils pour faire et publier une carte interactive, un blog interactif avec un appareil photo video GPS suite à un road trip, un voyage , une excursion, une ballade. Photo mapping album.

Comment faire une carte interactive avec beaucoup de photo et video prises avec un appareil photo video avec GPS intégré suite à une ballade ?

Liste des appareils photos avec GPS intégré:
https://www.dpreview.com/products/search/cameras?utm_campaign=internal-link&utm_source=mainmenu&utm_medium=text&ref=mainmenu#criterias=SpecsGPS&paramSpecsGPS=BuiltIn
Ce geotagging automatique c'est aussi une façon d'organiser ses photos/vidéos comme par exemple dans instragram (ou Flickr voir ci-dessous):
(on peut aussi enlever cette "organisation"
http://mapsandbusinesses.weebly.com/blog/15-hidden-instagram-hacks-amp-features-everyone-should-know-about)
Mais le but ici est de publier un parcours.
Une des solutions les plus classiques est :
dans un fichier KML y mettre des images plus exactement des URL qui pointent vers des images (y compris GIF) qui seront associées à un point d'intérêt.
On peut aussi mettre des photos et du son intégrés à un .kmz...
https://developers.google.com/kml/documentation/kmzarchives
Mais cela oblige à publier ses photos (ou son .kmz) puis à gérer une banque de données d'URL puis un service de mapping comme google maps puis de l'intégrer dans son site, blog, photoblog, m-blog...
http://stephane-mottin.blogspot.fr/2016/10/a-web-service-turn-geotagged-photos-in.html

Le photo-mapping ou cartographie interactive avec des photos/videos a pris une ampleur avec les appareils intégrant un GPS ou en lien avec GPS. Quelques généralités (en anglais):
http://wiki.openstreetmap.org/wiki/Photo_mapping
https://developers.google.com/kml/articles/geotagsimple
https://en.wikipedia.org/wiki/Geotagged_photograph

-------------------
Il ne faut pas oublier qu'il faut aussi mettre du texte, des URL vers wikipedia ou des offices de tourisme...
Il faut envisager de décider où mettre du texte (ou du html):
  • associé à la photo ou 
  • dans le texte d'un blog ou 
  • ailleurs (par exemple un .doc ou fichier tableur dans google drive) .

-------------------

mon choix:

https://cartodb.github.io/odyssey.js/

C'est comme jsdo.it
http://jsdo.it/search?q=openstreetmap+&search_order=new
On voit en direct comment se déroule la construction de son blog. "story manp".

voir:
http://stephane-mottin.blogspot.fr/2016/10/cartodb-odysseyjs-et-quelques.html







PS:
on peut aussi utiliser:
https://storymap.knightlab.com/
ou http://timeline.knightlab.com/docs/faq.html#clickable-media

ou les outils esri (en nov 2016) qui produisent un site trop lent...
https://storymaps.arcgis.com/

-------------------

Flickr

Avec Flickr, il faut activer une option:
"Automagically import GPS information as geo data.
Some cameras can store GPS (location) coordinates in a photo's EXIF header. If you like, Flickr can use that data if it's available to place your photos on your map automatically.
Shall we import that information when a photo or video is uploaded or replaced?"

Voir aussi:

Puis on téléverse (upload) des photos géo-taggées. 
Si on clique sur la map, alors on a:
Si on clique sur le point on peut voir la photo.
On a aussi une vue d'une bannière des photos.
On peut partager cette carte.
On voit toutes ses photos ("votre gallerie" ou "your photostream"). On ne peut pas choisir qu'un album.
On peut aussi voir les photos associées à cette carte des autres utilisateurs de flickr, ou de ses mais ou de ses contacts. On donc seulement 4 choix.



-------------------

OpenStreetMap (OSM)

deux façons de travailler avec des photos dans OSM:
1/Id ou Potlatch 2 (sometimes referred to as P2) est une éditeur (flash) OpenStreetMap que l'on ouvre dans un navigateur. Il est lancé lorsque vous cliquez sur l'onglet 'Modifier' de la page principale. C'est un des principaux éditeurs "en ligne" pour OSM, c'est à dire qu'il ne nécessite aucune installation particulière sur votre machine puisque tout ce passe sur votre navigateur internet
http://wiki.openstreetmap.org/wiki/Potlatch_2

  • un balisage plus convivial avec des valeurs prédéfinies (presets) configurables
  • rendu WYSIWYG (le dessin de la carte correspond à ce qui sera réellement affiché)
  • calques de fond au format vecteur
  • un système d'annulation/restauration des commandes plus flexible
  • support d'OAuth qui vous permet d'installer l'éditeur sur d'autres sites web
2/JSOM

 In'y a nulle part dans le projet de l'OSM une façon de stocker les photos. Si on les télécharge sur un site comme Flickr, vous pouvez utiliser par exemple source_ref = http: //example.com/123.jpg pour relier la photo à l'objet de la carte (croisement, bâtiment...).
Si vous utilisez les Presets Annotation avec JOSM, il va suggérer le bon tag au bon moment, et vous ne devez vous soucier de celui qui est qui!
Mais vous devez ajouter les positions GPS à vos photos, voir:


500px.com

les données exif sont lues mais on a seulement une vision photo par photo dans OSM ou bing sans possibilités de faire une carte interactive.

Outils Google 

Par exemple avec Picasa, on peut directement voir ses photos sur une map, mais cela reste insuffisant. 1/l'application télécharge automatiquement les photos et les classe.
2/photo par photo, on peut voir le symbole place en rouge (qui indique existence données GPS),
3/ on peut sélectionner plusieurs photos et la fenêtre map affiche les lieux de chacune des photos. Hélas il n'y a pas d'autres possibilités intégrées.
On peut aussi y géotagger à la main rapidement les photos qui n'auraient pas été géotaggées.

On peut transférer directement vers google photos et on peut mettre dans préférence "ajouter en filigrane" pour par exemple un copyright:





Local Guides est une communauté mondiale composée d'utilisateurs qui aiment partager "gratuitement" leurs découvertes sur Google Maps (on peut gagner une extension de stockage de google drive...).
On peut ajouter des photos sur des points que l'on sélectionne à partir d'un ordinateur, d'un android d'un ipad, iphone.

https://support.google.com/local-guides/answer/2622947?hl=fr

Une fois connecté avec votre gmail, sélectionnez en haut à droite "maps":

dans google maps apparait quelques nouveautés dans le menu:
dans "your places", il existe de nombreux outils:

on peut ajouter des photos sur un point d'intérêt que l'on sélectionne mais que une par une...
Il faut sélectionner un point sur la carte pour télécharger une photo.
Et il semble que les données GPS intégrées ne soient pas utilisées.

Pour les layers: on peut importer les formats:
  • CSV comma-separated values, 
  • TSV tab-separated values, 
  • KML Keyhole Markup Language , 
  • KMZ (The KML file is a "flat" file or text based file composed of Tags similar to XML or HTML. A KMZ is simply a KML file zipped up using an application similar to WinZip. The .ZIP (V2) is then renamed as .KMZ), 
  • GPX (GPS eXchange Format), 
  • ODS OpenDocument Format, 
  • XLS Microsoft Excel, 
  • XLSX Microsoft Excel X.
Vous gagnez 1 point à chaque fois que :
  • vous publiez une photo
  • vous publiez un avis
  • vous corrigez des erreurs
  • vous ajoutez un nouveau lieu
  • vous répondez à des questions du type, « Ce lieu est-il calme ? Accepte-t-il des réservations ? » Cela ne vous rappelle rien ? Oui, Foursquare.
Le calcul est simple: pour atteindre le niveau 5, et ainsi tirer profit d’une des dotations les plus intéressantes soit le forfait de stockage additionnelle d’1 To sur Google Drive pendant près de deux ans (soit l'équivalent de $240 environ), vous devrez publier environ 200 avis avec une photo et des réponses aux questions.

Pour plus de détail:
http://stephane-mottin.blogspot.fr/2016/11/une-introduction-google-local-guide-et.html

-------------

pour aller plus loin, il faut faire du javascript:
https://developers.google.com/maps/documentation/javascript/examples/infowindow-simple-max
kml:
https://developers.google.com/maps/documentation/javascript/kmllayer#overview
https://developers.google.com/kml/documentation/kmzarchives
https://developers.google.com/maps/documentation/javascript/examples/layer-kml-features
exemple avec le fichier kml suivant;
<?xml version="1.0" encoding="utf-8"?>
<kml xmlns="http://www.opengis.net/kml/2.2">
  <Placemark>
    <name>My office</name>
    <description>This is the location of my office.</description>
    <Point>
      <coordinates>-122.087461,37.422069</coordinates>
    </Point>
  </Placemark>
</kml>

geoRSS (via http://api.flickr.com/services/feeds/geo):
https://developers.google.com/maps/documentation/javascript/examples/layer-georss
ici nous avons directement l'affichage d'un texte et d'une image partagé avec flickr via son API.





No comments:

Post a Comment