MasterMaps

In my last blog post , I presented a new plugin, Leaflet.Photo , that allows you to display geotagged photos from any source. Among them was Google+ Photos and Picasa Web Albums API. My plan is to use this API for my travel map , and this is why. Does Picasa Web Albums still exist?  It's a bit messy these days. Google is trying to transition from Picasa Web Albums to Google+ Photos, as photos are the number one things that people want to share on social networks. When you use Picasa to share your albums ( Sync to Web ), the album URL is now on your Google+ profile, and not on Picasa Web Albums (which is just redirecting me to Google+). This is the URL to the public album from my trip to the Trollfjord : https://plus.google.com/photos/+BjørnSandvik/albums/6052628080819524545 It also works with your Google+ user id: https://plus.google.com/photos/118196887774002693676/albums/6052628080819524545 My public Google+ web album . The album contains both photos and videos....

Using Instagram for my real-time travel map had too many limitations, so I decided to use Google+ photos or Picasa Web Albums instead. I've create a new plugin, Leaflet.Photo , that allows you to add geotagged photos to your map, from any source. The plugin plays well with the great Leaflet.markercluster plugin, showing your photos in clusters. To make the plugin more versatile, it doesn't deal with AJAX loading or image presentation except the thumbnails on the map. Use your AJAX loader of choice, and simply pass on an array of photo objects to the plugin.  The photo objects can include the properties you like, but the following are required: lat: latitude of photo lng: longitude og photo thumbnail: url to thumbnail photo I've kept the squared thumbnails of Instagram, as I think it look nicer than variable size thumbnails. Since the photos can have any dimensions, I'm using a CSS technique to crop and center the thumbnails.  I've created t...

I take a lot of photos while trekking, and most of the time I'm also carrying a GPS with me. As my camera don't have a built-in GPS, my photos are not geotagged while shooting. Luckily, this is an easy task if you've kept your GPS logs from the trip.  I'm still very happy with my Garmin GPSmap 60CSx that I bought 7 years ago. By changing the setup, the GPS allows me to automatically save the tracks to the memory card. I get one GPX file for each day trekking named with the date. I can easily transfer these tracks to my computer or smartphone with a cable or a card reader.  Before I converted to Mac, I used GeoSetter to geotag my photos on Windows. Now, I want to do it on the command line using the great ExifTool by Phil Harvey. I installed it on my MacBook using Homebrew : brew install exiftool After copying my GPX file to the image folder, I'm simply running: exiftool -geotag=my.gpx ./ If you forgot to sync the camera and GPS time befor...

Last weekend, I had a great trip to scenic Lofoten and Vesterålen in Northern Norway. I brought my tracking gear to test my new real time travel map . How did it go? Our first trip was to Trollfjord , a 2 km long fjord with a narrow entrance and steep-sided mountains. It's a famous tourist spot in the Lofoten archipelago , but not many leave the boat at the fjord's end to hike up to the Trollfjord hut . The small Trollfjord hut. Trollfjord goes in an east-west direction, and I expected to be in the "satellite shadow" being far north and having steep mountains blocking the sky towards the south. My good old Garmin GPSmap 60CSx did well in the rugged landscape, while my satellite SPOT messenger  had some difficulties finding and sending positions.  Live track from my SPOT messenger ( interactive map ). GPS track from my Garmin GPS. The great thing of using CartoDB to sync my SPOT-data , is that you can edit your positions with ease after...

I had to quit my trip form Oslo to Bergen already on day three - and I have to wait until August 2015 for a second try. I still got time to gain some experience in real time tracking - and mapping. Based on this experience I've made a new version of my live travel map: turban.no This is a private project to learn new skills - where I care more about new standards and less about old browsers. I'm using CSS3 and HTML5 extensively, the the map will probably not show in Internet Explorer < 10, but it should work well on your tablet or smartphone. . @thematicmapping has upped the bar for travel maps! @LeafletJS , @cartoDB , @Highcharts . Oh my. Beautiful and useful | http://t.co/AAW6A0TinF — Zev Ross (@zevross) July 31, 2014 My previous map was about 1 MB to load on my mobile, as I really took off mixing Leaflet, Highcharts, Ext JS, jQuery and Fancybox. I'm now left with only Leaflet and D3.js and only 72 kB gzipped JavaScript. It was a bit more work to cre...