Abstract

This article describes the requirements, as well as the development of a small Mashup which makes use of the google maps and google earth API/plugin in order to display GPS tracks and photos with geotags (Picasaweb album)  in your Internet browser.

Introduction

Screenshot Google Maps View

Screenshot Google Maps View

For quite a while I am proud owners of the GPS-Tracker Holux M-241. When I do not forget it at home (like in my last vacation *gmph*), I usually take it with me on trekking and bicycle tours to geotag my photos and to record my tours. On my return, I download the recorded GPS data to my PC and convert it to a kml-file. At the same time I use geosetter to add geotags to my photos. After that the most beautiful images will be uploaded to Picasaweb Albums. In the naive belief, that some of my friends and family are interested in my photos and the tours, I was looking for an easy-to-use way of distributing the data to them. However I could not find anything like that on the web. Either existing solutions were to complicated, my friend had to install google earth and had to load hugh track/photo-kmz-files into their google earth-client, or it was not possible to get GPS-Track and photos in together in one google maps-view. So my idea was to use the new google earth browser plugin, to display my geotagged photos with GPS-Track. The advantages are:

  • no need to install the google earth plugin (just the google earth plugin for your browser)
  • the receiver do not need to know how to use google earth (i.e. opening kmz-files etc.)
  • the receiver does not have to download huge kmz-photo-tracks
  • you can update your photos and the track even after you have send it to your friend
  • it is a very fast way to publish and distribute the information

Hereafter I will describe a simple „webservice“ which you can install on your own webhost (no php, db or anything else needed). Following parameters are passed with the URL to this web service:

Screenshot Google Earth View

Screenshot Google Earth View

  • Picasa album ID
  • Picasa username
  • kml filename
  • Maptype (Openstreet Map, Google Maps view, Google Earth etc.)

The service processes the parameters, launches the suitable Google Maps/Earth plug-in, fetches the Picasa photo-Layer as well as the GPS track and displays them in the specified maptype. You find an example here: http://public.binksma.de/earth.htm?kmlFile=Wispertal.kmz&user=pbinksma&albumID=5360264654852078769&type=osm (tip: click on the „Earth“ button).

Read the rest of this entry »

Zusammenfassung

Dieser Artikel beschreibt die Anforderungen, sowie die Entstehung und Umsetzung eines kleinen Google Earth/Maps-Mashups zur gemeinsamen Darstellung von GPS-Tracks und Fotos mit Geotags (Picasaweb Album) im Internetbrowser.

Einleitung

Seit einiger Zeit gehören ich zu den stolzen Besitzern des GPS-Trackers M-241 von Holux. Falls ich ihn nicht (wie bei meinem letzten Urlaub) zu Hause vergesse, nehme ich Ihn auf Trekking-/Fahrradtouren mit, um meine Fotos später einfacher mit Geotags zu versehen und gleichzeitig meinen zurückgelegten Weg zu tracken.

Screenshot Google Earth View

Screenshot Google Earth View

In der Regel läuft es so ab, dass ich nach einer solchen Tour die GPS-Daten auf mein Notebook lade, den Track aufbereite und in ein kml-File konvertiere. Gleichzeitig geotagge ich meine Fotos anhand des Tracks. Die schönsten, interessantesten und besten Fotos landen dann schließlich online bei Picasaweb Albums. In dem Glauben, dass sich einige meiner Freunde, Bekannten und Familie für meine Bilder und Touren interessieren, habe ich einen Weg gesucht diese Informationen gebündelt auf möglichst einfachen Weg zu verteilen. Dabei ist mir aufgefallen, dass es bisher noch keine Lösung gab, die meinen Anforderungen genügte. So sieht man zwar auf Picasaweb die Location der Fotos auf einer Google Map, aber weder der Track ist zu sehen, noch ist das ganze direkt in 3D in Google Earth zu sehen. Umgekehrt lässt sich zwar der Track als einfache URL verschicken, jedoch ist der Empfänger gezwungen Google Earth zu installieren und außerdem muss er in der Lage sein, das kml-File in Google Earth zu importieren und darzustellen. Eine kombinierte Darstellung ist nur duch ein händisch erstelltes kmz-File möglich, was einerseits ein recht umständliches Unterfangen ist und andererseits werden diese kmz sehr schnell sehr groß, wenn die Fotos direkt im File integriert ist. Read the rest of this entry »

Patrick on Juni 11th, 2009,

Eine Freundin hat mich heute auf eine neue Form des sozialen/politischen Engagements aufmerksam gemacht.

Im Gegensatz zur gebräuchlichsten Form des Konsumentenprotests, dem Boykott, zielt die auf Carrotmob vorgestellte Methode auf das genaue Gegenteil. Hier wird die Konsumentenmacht nicht als Strafe, sondern als Zuckerbrot, z.B. für ökologisch engagierte Produzenten und Händler genutzt, indem an einem zuvor verabredeten Tag viele Menschen gleichzeitig z.B. bei einem Geschäft einkaufen. Dies sorgt nicht nur für volle Kassen, sondern vor allem auch für eine positive Publicity.

Auf carrotmob.org findet ihr mehr Informationen. Was ich sehr interessant finde ist die Tatsache, dass die hinter Carrotmob stehende Firma sich ausdrücklich nicht als „non-profit“-Organisation versteht. So möchte man unter anderem mittelfristig den von Konsumenten „belohnten“ Händlern die Möglichkeit bieten, mit dem Logo von Carrotmob zu werben.

Mittlerweile gibt es einen deutschen Ableger, der von ehrenamtlichen Enthusiasten gegründet und betrieben wird: www.carrotmobberlin.com.

Patrick on Juni 8th, 2009,

Today I found aVen_Diagramm_Bud_Caddell very interesting post on „what consumes me„. Bud Canddell describes in a simple Venn-Diagramm how to find hapiness in work live. As you can see, there is a small „area of  hapiness“ where you are doing thinks you like, where you are good at and where you are paid for. So lets quest for hapiness! 😀

Get more details on Bud’s blog post.

Patrick on Januar 15th, 2009,

Hi,

some days ago a colleague showed me an addon for Firefox which became one of my favourites within seconds. Autopager automatically loads the next page if you scroll down the current page. Autopages dynamically adds the content of following pages at the and of the content area of currently viewed page. So you will never be bothered again to skip through pages on forums, search results, online shops and so on :)

Screenshot of AutoPager on google

On the screenshot above you an example see how AutoPager works on google. Nice, isn’t it?

AutoPager works with a huge amount of sites out of the box (e.g. google, amazon, phpBB based forums). However sometimes you will come to a page were AutoPager has no valid rule. For example if you visit the support forum of my provider http://forum.sysprovide.de AutoPager will not automatically load all threads of a board, since there is no valid rule for WoltLab Boards. Creating your own one is very easy and it is just a matter of one or two minutes.

  1. Right-click on the small icon in your status bar of Firefox
  2. AutopagerIcon

  3. Select „Site Wizard“ in the popup menu
  4. The Wizard tries to identify the three mandatory attributes which are needed in a AutoPager-Ruleautopagerwizardscreen
    The first textbox „Address Rule“ defines which pages will match the rule. You can use wildcards like * in the URL to make it more generic. In the example above you can replace the domain „sysprovide“ with an asterisk or you can even use the expression „*board.php?*“ so that the rule will be used on every WoltLab Messageboard.
    The second box shows the XPath of the „Next“-Link and the third box defines the XPath of the content area, i.e. the part of following pages which will be inserted into the current page.wizardicons
  5. After we set the „Address Rule“ we now have to click on the „Link Selector“-Icon.
  6. Find the „Nächste“ (i.e. „Next“)-Link  on the page and click on it.
  7. The wizard will make several suggestions for XPath-Expressions identifiying the „Next“-Button. Make a double click on the expression „//a[contains(text(),’nächste »‘)]“.
  8. In the Result-View at the bottom of the wizard a list of results will be listed, matching the XPath you have selected. If you have done everything right the wizard will show one match „nächste >>“ (s. screenshot).
  9. Now you have to define the content area. Click on the Content Selector.
  10. Move the mouse cursor to the list of threads and a rectangle will appear.
  11. Type „w“ so often that the rectangle will fit the whole list of threads and left click on it.
  12. Select „//table[tbody/tr[1]/@class=’smallfont‘]“ in the list of suggested XPath.
  13. Left click the green check mark to add your rule to AutoPager.

When you visit the page next time (or when you reload the page) AutoPager will use your rule and will automatically load the whole list of threads.

If you want to get more detailed information about the creating rules with AutoPager you should visit the Developer Homepage…and if you want to become a XPath-geek you should also read this XPath-Tutorial.

Patrick