Warning: Parameter 1 to wp_default_scripts() expected to be a reference, value given in /var/sites/d/digitalurban.org/public_html/wp-includes/plugin.php on line 601

Warning: Parameter 1 to wp_default_styles() expected to be a reference, value given in /var/sites/d/digitalurban.org/public_html/wp-includes/plugin.php on line 601
Tutorial – How to Capture Google Maps for Printing and Poster Design | digital urban

Tutorial – How to Capture Google Maps for Printing and Poster Design


Using either our GMapCreator or any other Google Mapping application it is possible to create some stunning maps that would look good in either poster or large print format.

This tutorial provides a simple method to carry out multiple screen grabs and image stitching to create high resolution output from Google Maps for such purposes.

Requirements:

1) A copy of a screen capture program that allows you to simply grab a ‘Window’ view, we recommend SnagIt by TechSmith, which is one of the best image capture systems out there and available for a 30 day fully functional trial.

2) PtGui – probably the most accomplished image stitching program on the market and again available as a trial or at 79 Euros for the full version.

The concept is simple, screen resolutions are generally too low to capture an image suitabe for use in large print formats, as such if you capture multiple zoomed in views and then stitch each image to recreate an overview you can obtain a much higher resolution output.

For this tutorial we used our London Super Output Areas Classification sample.

Step 1:

Start at the top left hand corner of your chosen map and zoom in so you can start to see road names, this will differ according to your required scale but it acts as a guide for the level of zoom required.

Step 2:

Open SnagIT or your preferred image capture software and set it to capture the map window area. Capture your first screen shot and save it as screen1.png or such like.

Step 3:

Go back to Google Maps and move the map over to the right leaving approximately 25% of the first screen shot still in view, this is the overlap which will be used to stitch the images. Capture your next screen shot and save as screen2.png.

Step 4:

Repeat Step 3 until you have captured your entire image, our London view took 33 separate windowed views, you will now have a series of images similar to ours pictured below:

Step 5:

Open PtGui and click ‘Load Images’ PtGui will load the images in. To stitch them into the final map you need to first align each screen grab according to their overlap – click ‘Align Images’, once this process is complete you will be presented with a preview similar to our two outputs pictured below:

Step 6:

Once you have previewed your map simply click ‘Create Panorama’ and export at your required size, we chose the ‘Maximum Size’ for our scene of 5990×4170 pixels.

Creating the panorama will take approximately 30 minutes according to the number of screen grabs and machine used, our final .Tif came in at 71Mb which provides a high quality print on A1 paper.

Note that all copyright and image credits should be reinserted into the final image as the stitching process blends out logos and overlays.

Let us know how you get on….

Author Bio

Andy is Director of the Centre for Advanced Spatial Analysis at University College London and Professor of Digital Urban Systems.

12 Comments

  1. lukas - October 26, 2007

    I have created a simple tool to generate a Grid in Google Earth with placemarks in each cell center. Please check it out – hope it can help someone.

    http://a4chitect.webng.com/

    (note: is great for importing terrains wider than ‘one screen’ into Google Sketchup)

    good luck

  2. Bryn - October 29, 2007

    With auto pano pro (http://www.autopano.net) you wouldn’t have to do any aligning. Just save all your overlapped screen grabs to a folder and it will autodetect their positions and overlaps and stitch them automagically.

  3. Anonymous - October 30, 2007

    There is simple program for capturing google maps. It is needed to copy “Link to this page” info from google site, paste it to program and program captures map at desired resolution. It is not good with current digital urban example, since it does not have “link to this page” option. Program can be found at http://mapbuilder.by.ru/
    http://mapbuilder.by.ru/mapbuilder161.zip

    the only disadvantage is, that program is in russian language, BUT when you open program it has only one field for pasting link from google maps “link to this page”, and big Ok button.

  4. stijn swinnen - November 1, 2007

    Going to London this weekend and have done all my preparations into Google Earth. I think stitching the several captures together was for me the easiest way to have an easy overview with all the information.
    In a more ideal world, i would have the nokia N95, but unfortunately; i don’t have the money to do so..

    • Jeff - January 12, 2013

      Thanks Anonymous! Using the iFrame solution was MUCH easier!! BTW – It also works with Bing Maps, which don’t automatically turn on the Bird’s Eye (slanted) view. The Satellite view is much nicer for large maps.

    • Greg - November 2, 2013

      I concur, very good method, thanks (you go to the top left of what you want to capture, click the button for a link to the map, adjust the pixel size in the url, use that url and use the screengrab firefox addon to capture the image)

      • Greg - November 2, 2013

        I should add, you need to use Screen Grab (fix version) since the original screen grab no longer works. And you use the url labelled “Paste HTML to embed in website”, copy into notepad, adjust the Iframe height and width e.g. set it to 2000 by 4000, then rename as html, open in browser and use the zoom feature and drag to the right position. You can then Screengrab the whole image.

  5. Vedran - December 9, 2008

    …OR
    use iframe with required “width” and “height” to open maps.google.com in needed size and use some web-screen capturing tool.

  6. Anonymous - December 17, 2008

    great free image stitching app-

    “Hugin”

  7. James - March 15, 2013

    This site has really helped me at work.. Took a while to realise that Ptgui can only see files types such as Jpeg, but managed to get a brilliant A1 drawing once the files were the same size.

    Thank you

Leave a Reply