Embed Large Pictures with Google Maps Viewer

Published in: Embed - Google Maps

This tutorial explains how you can use Google Maps to embed high-resolution photographs and other large images into your website in few easy steps.

Since it uses Google Maps, users can pan or zoom the image with the mouse just the way they navigate Google Maps. Let’s see how:

Google Maps Tile Cutter GMap Image Cutter will cut large images into tiles for displaying on a Google Map.

Use Google Maps to Embed Large Images

  1. Download the free Google Maps Image Cutter application - it is a zip file and you can just extract it to any folder on the desktop.
  2. The app will cut any large photograph into tiles that are later displayed inside a Google Maps. Double-click the GMapImageCutter.jar file to launch the application (you need to Java installed on your computer).
  3. Choose File->Open and select any large photograph on your hard drive. Leave the Tile Count as default and click the Create button.
  4. You will now see an HTML file and numerous small images (tiles) in a sub-folder that has the same name as your original image. Upload the entire  folder to your website (or even Dropbox) and embed the HTML file in your web page using the IFRAME tag.

Live Demo - Google Maps Tiles

You can either use the on-screen controls or your mouse to zoom and pan the image. Alternatively, use the two-finger pinch if you are on a touch screen like the iPad.

You can use Google Maps Image Cutter to embed JPG, PNG, GIF, BMP, TIFF and even RAW images from DSLR camera. It uses Java and works on Windows, Mac and Linux systems.

Published in: Embed - Google Maps

Looking for something? Find here!

Meet the Author

Web Geek, Tech Columnist
Amit Agarwal

Amit Agarwal is a Google Developer Expert in GSuite and Google Apps Script. He holds an engineering degree in Computer Science (I.I.T.) and is the first professional blogger in India. Read more on Lifehacker and YourStory

Get in touch