See here for Geomashup example There were a few variable name replacements (post _data to object_data, etc.) There is a solution for vertical offset for the infowindow, in case the map height has to be small and the tops of your infowindows are being cut off, this extra code is courtesy of Marcelo – http://maps.forum.nu/

GeoMashup.addAction( 'loadedMap', function ( properties, map ) {
var shift = new GSize(0,-100)
GMap2.prototype.panShifted = function (latlon,sh) {
var z = map.getZoom();
var proj = this.getCurrentMapType().getProjection();
var px = proj.fromLatLngToPixel(latlon,z);
var sePx = new GPoint(px.x + sh.width, px.y + sh.height);
var seLatLng = proj.fromPixelToLatLng(sePx,z);
this.panTo(seLatLng,z);
}
var counter = 0,
cancel = false,
infowindow = map.getInfoWindow(),
loopMap = function() {
if (++counter >= properties.object_data.objects.length) counter = 0;
GeoMashup.clickMarker( properties.object_data.objects[counter].object_id );
if ( ! cancel ) {
setTimeout(function() { loopMap(); },10000);
}
};
// If we don't have a request to open a post, start the tour
if ( ! properties.open_object_id ) {
setTimeout(function() { loopMap(); },10000);
}
// Center info windows when opened
google.maps.Event.addListener( map, 'infowindowopen', function() {
map.panShifted( infowindow.getPoint(),shift );
} );
// Cancel the tour if the info window is manually closed
google.maps.Event.addListener( infowindow, 'closeclick', function() {
cancel = true;
} );
loopMap();
});

Arena 360 – Immesive digital arena in England

This excellent 360 degree panorama on show here was shot by Peter Stephens, (www.peterstephens.co.uk)

The 360 degree screen is in a dome tent and is a wonderful innovation by Igloo vision, (www.igloovision.com) a company who specialise in large-scale immersive media environments. They have appeared at Glastonbury and a host of other festivals, events and exhibitions, and are truly pioneering new production techniques for interactive, panoramic films, games and learning environments.

We saw the London aerial tour on this screen, as well as some fantastic 360 degree panoramas from Ian Wood, Aldo Hoeben, Peter Stephens and Jürgen Schrader. There were some amazing 360 degree films by Karol Kwiatek and Milosh Luczynski, and an excellent 360 degree 3D underwater visualisation by Colin Yellowley – from Igloovision.

Igloo vision will be in Brighton in May, Glastonbury in June, and are doing a massive 20m diameter 360 degree film in Plymouth, Sept. They also do 3D rollerdisco

Here are some Iphone films of some of the highlights.

Have at look at the fantastic aerial film footage from this aerial drone and camera setup. Uk and Europe distributer http://www.air2air.com/ US http://www.draganfly.com/

Of course with these machines the bigger the pricier, so there are models to suit whatever budgets. Their is a cheaper X4 and E4 drones, which carry lighter loads, or the NEW X8 drone with 8 rotors and approximately 1000 gram payload.

Download the ‘PangeaVR‘ app on your Iphone then once open, click browse to view the PangeaVR database of portfolio’s – you’ll find us under ‘V’ for VR Web Design of course Click ‘open portfolio’ and you will get a list of some of our best 360 degree panoramas. Simply select a panorama and click ‘view panorama’.

Let us know what you think ? We have some BIG news about Iphone app virtual tours coming very soon.

360 Cities immersive tour widgets are ideal for tourist authorities, who want to move to a new level in showcasing their landmarks, places of interest and attractions, combining the power of online satellite maps and high-resolution, 360-degree panorama photography.

More details coming very soon – until then enjoy the tour and dont forget to ask for directions

Recently featured on Google maps mania blogspot

See it in action on our new map page

Dynamic Google map with timer and loop

We got the idea when we started work on a couple of exciting websites this week, one for professional wildlife photographer, Andy Gooch, and the other is a collaboration project with John Colebrook from Pixelcase, showcasing the best aerial virtual tours from around the world, on a site called toursfromabove.com.

In thinking about the design we decided it would be nice to showcase there images/virtual tours on one big map, with a timer and loop set on the infowindows to show a post/image for 10 seconds and then display another post/image and present the locations in an attractive way on a Google map.

After a bit of research on the various mashup sites out there, we were pleased to find a plugin that did half the job. Geomashup a plugin created by Dylan Kuhn allows you to geolocate your posts and show them all on 1 big map. It comes with a great range of options like assigning different markers to your catergories.

The plugin however did not create the dynamic map we wanted so a bit of modding was needed. After a few posts on various forums we were delighted to gain the assistance of Google map maestro’s Mike Williams and Dylan Kuhn, who both helped develop our code and made our idea come true.

So…. first of download Geomashup – once installed, you will be prompted to visit the Google maps api site to obtain your unique key. Enter this in the correct field on the Geomashup options page now found in your wordpress admin. Make any settings here you like, the map we will be using is the ‘global map’.

Next copy the custom-sample.js and rename to custom.js, you can also copy example-map-style.css and rename it map-style.css and geo-mashup-info-window.php if you would like more control over the styling of your infowindows. Open your custom.js file and place the following code anywhere in the file…

function customizeGeoMashupMap( properties, map ) {
var counter=0,
cancel=false,
infowindow = map.getInfoWindow(),
loopMap = function() {
if (++counter >= properties.post_data.posts.length) counter = 0;
GeoMashup.clickMarker( properties.post_data.posts[counter].post_id );
if ( ! cancel ) {
setTimeout(function() { loopMap(); },10000)
}
};
// If we don't have a request to open a post, start the tour
if ( ! properties.open_post_id ) {
setTimeout(function() { loopMap(); },10000)
}
// Center info windows when opened
google.maps.Event.addListener( map, 'infowindowopen', function() {
map.panTo( infowindow.getPoint() );
} );
// Cancel the tour if the info window is manually closed
google.maps.Event.addListener( infowindow, 'closeclick', function() {
cancel = true;
} );
loopMap();
}

Upload the custom.js file to your plugins/geomashup directory and the map-style.css and geo-mashup-info-window.php to your theme directory.

Next you need to edit some of your posts. At the bottom of the post edit screen, you’ll find a map. Geolocate where the post/image was made, you can either search using names or just type in the lat and long coord’s. Update your post and do the same on another, so you have at least 2 posts geolocated.

Next place the shortcode for the main map on your map page, which you will also need to assign in the geomashup settings.

And thats it

View your map page and you should have an infowindow appear on the map showing an excerpt from your post for 10 seconds, it should then close and another infowindow will appear in the place where you have located it on the map. You can change the time it take to display by whatever you like by editing where it says 10000 in the code.

Geolocate all your posts and you then have a great way to show of your blog or photogallery. If you would like thumbnail images to appear in the infowindow remember to place the thumbnail in the excerpt box on the post editing page (this will not appear in the main post).

For the wildlife photography site we are going to combine it with yapb (yet and photoblog) plugin, and use different markers for species of animals, the map will be a great way to show where the wildlife images were taken. We will post it when finished, until then check this example we made on the toursfromabove website.

We would like to do this with all our 360 panoramas on this blog but I think its gonna take a little while as we have well over 250 posts to locate

If you end up using this code, let us know we’d love to see it in action. You can find all the docs and information you need on the Geomashup Google code pages and if you enjoy that be sure to check Mike Williams Google Maps API Tutorial’s it is a fantastic resource.

London Snow Buckingham Palace in London

Pigeons in St James Park in London

London snow Trafalgar Square Pond in London

Use the combobox controller at the bottom left of the panorama to choose between snow, heavy snow, rain, or heavy rain. I have added a few fun weather effects to demonstrate how it works. You can even have your own logo rain down. Enjoy !