In my previous article, I had explained how to embed high resolution pictures using zoom.it tool. You can easily use panoramic pictures you have taken from your smartphone into your blog articles without actually having to edit the image or work with the resolution to make it fit. The main advantage of the tool was that you do not have to upload the “heavy” picture onto your website, you can just use dropbox or any other cloud storage service to save all your images.
In this article, I will try to explain the steps involved in using Google Maps Viewer to embed your high resolution images in a blog post.
What is Google Maps Viewer -
If you are using the Google Maps for your GPS and directions on your smartphone, you will be familiar with the interface and how you can zoom in and out with a smooth transition experience.
Here is a panoramic image of Venice that gives a wonderful viewing experience when used with the Google Maps Viewer. You can click on the image to zoom in to a particular point and also use the 4 directional arrows to move either way.
Now, let us try to embed a personal picture (a panoramic one) into this post and see how it works for us. I will work with the same image I used with zoom.it so that we can compare the two tools to see which is better.
- You will first need a tool called Google Maps Image Cutter – download it here. As the name suggests, this will cut your image into multiple parts which will then be arranged to view as one!!
- Once you have it installed on your computer, double click the jar file which will open up the application.
- Choose the image you want to embed, make sure it is a panoramic or a high-resolution one. Leave the Tile Count to the default and click on Create.
- The tool will not cut the image into several parts and place all those files in a separate folder along with a html file.
- You will need to upload the entire folder to your website or to any of the cloud storage services like dropbox.
- Include the html file in your blog post with the iFrame tags as shown below.
src=”path to your image.html”
height=”238″ width=”630″ frameborder=”0″ marginwidth=”0″ marginheight=”0″ scrolling=”no”>
Over To You -
Which tool do you think is more useful than the other? I personally would use the zoom.it due to the easy process and not many steps involved. Also I do not have to worry about uploading all the cut images to my online folder. But I think the google map viewer would be more helpful in embedding maps and images like the one of venice shown above. It does provide a rich view with 360 degrees rotation.
About the Author (Author Profile)
Praveen Rajarao is a Software Tech Lead and in his spare time blogs on his website – http://www.dailymorningcoffee.com and http://www.techivy.com. His topics range from blogging to technology to affiliate programs and making money online and how-to guides.
SubscribeSubscribe to TechIVY and Grab my New EBOOK "How To Stop Worrying & Start BLOGGING" for FREE!!!!
If you enjoyed this article, subscribe to receive more just like it.