London Panoramic Photographer

News

Also known as the place I write words.

This is a handheld 360 degree panorama of a 360 degree panorama on a 360 degree screen !!!! Last week we were at Arena 360 event at University of Plymouth which was a week long experimental week organised by ICCI (Innovation for Culture and creative industry).


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.

Air2air’s Draganflyer X6 Helicopter being demonstrated at Brunel university, Middlesex. Draganfly Innovations Inc. were founded in 1998 by Zenon and Christine Dragan, and have been innovating radio controlled flying machines for years, this is there latest audacious flying machine. The Draganflyer X6 is capable of a payload capacity of 500 grams, and has 6 rotors, and a GPS position hold function. Footage is beamed to a laptop or video glasses on the ground, so easily allows you to control what you are shooting.

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.

*** Update please see our Iphone – ipad virtual tour page, where we now provide mobile virtual tours for any device without the need for an app.

Virtual tours go mobile ! VR Web Design’s portfolio of 360 degree panoramas are now available to view and enjoy via the iphone. Using PangeaVR an innovative panoramic viewer, you can interactively spin around 360 panoramas using the iPhone’s touch interface!

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’.

Get Adobe Flash player

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

Check out this great virtual tour of Goose Fat and Garlic restaurant in Sawbridgeworth, Hertfordshire. Using the NEW 360 Cities immersive tour widget, it allows us to produce nice looking Google map virtual tours faster, cheaper and even simpler to embed on your website. It is only one line of code !


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

Right here is a great tutorial for all you wordpress bloggers out there. Now you can show all your posts on 1 giant Google map, and display 1 post at a time and the location.

See it in action on our new map page

Dynamic Google map with timer and loop

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 :P

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.

Top