How to Embed using Google Maps Viewer

| November 19, 2013 | 19 Comments

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.

Steps:

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

mapcutter

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

<iframe

src=”path to your image.html”

height=”238″ width=”630″ frameborder=”0″ marginwidth=”0″ marginheight=”0″ scrolling=”no”>

</iframe>

 

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.

Tags: , , , ,

Category: Technology

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.

Comments (19)

Trackback URL | Comments RSS Feed

Sites That Link to this Post

  1. Dr. Patel DDS | July 30, 2014
  1. Emmanuel says:


    Twitter:
    Hi Praveen,
    That was an interesting tutorial bro!
    Emmanuel recently posted…No Blogger can make you RicherMy Profile

  2. Mayura says:

    Hi Praveen,

    As I started reading your post, I realized that I needs to take a look at your previous post on embedding too :) I like the way Zoom.it works and it’s much easier to work with too.

    However, I have to agree with your statement about GMV. It’s best for embedding maps and places rather than other types of images with higher resolution :) Loved the rotation feature with controls.

    Anyway, does it renders on mobile devices too Praveen? I guess so :)

    Have a GREAT week there mate ;)

    Cheers…
    Mayura recently posted…How to Set Up Trusted Contacts to Recover Your Facebook AccountMy Profile

    • praveen says:


      Twitter:
      Hi Mayura – Welcome back on TechIVY and yes, I did miss blogging :-)

      I am glad you liked the post, and looks like you are already using zoom.it. That is wonderful to hear. GMV does offer a more cleaner rendering of the image, but a little tedious process to bear for us bloggers huh??

      I guess mobile devices also support this, no reason not to, but havent yet tested it. Will soon do that :-)

      See you back soon mate.
      praveen recently posted…The Coin – Multiple cards in oneMy Profile

  3. Jeevan Jacob John says:


    Twitter:
    Hey Praveen,

    How are you?

    I haven’t been here in a while. I accidentally deleted my reading list a few weeks back. I thought I got all the blogs back, guess I didn’t. Anyways, I saw your blog on Harleena’s list, so thanks to her for reminding me of your blog.

    This does look like a cool and useful feature, particularly for travel bloggers. But, how do we accomplish this? We have to take a couple of pictures at different angles, right? But, do they have to align (Several smartphones do support panorama feature, so that won’t be a problem). But, what about regular cameras? Does the image cutter automatically recognize similarities and combine the images?

    Anyways, thank you for sharing, Praveen :) Appreciate it! Hope you are having a good week.

    • praveen says:


      Twitter:
      Hey Jeevan,

      Am glad you found your way back to my blog, and of course thanks to Harleena for that. I was grateful to her having included me in the top 30 bloggers list :-)

      This tool is to work with single pictures, the tool itself cuts the image into several parts and renders it as one when using the html file. I do not think you can use several images and try to work with the map viewer or the cutter, but a nice thought though. If a tool can stitch back multiple images into one that would be interesting :-)

      Thanks and have a good day ahead. Hoping to see your blog back up soon.
      praveen recently posted…The Coin – Multiple cards in oneMy Profile

      • Jeevan Jacob John says:


        Twitter:
        :D

        Oh, ok. It would have been nice if we were able to work with multiple images.

        Anyways, thanks for explaining, Praveen :) Hope you have a great weekend!

        Oh, yes. I plan to launch the new blog on New Year’s :)

  4. pankaj says:

    Its nice conversation on the topic of this post at this place at this weblog,
    I have read all this. You have remarkable information on this web-site.

  5. Praveen,
    Nice post and would be very useful. Indeed, I haven’t try to embed viewer at my previous posts. Let me surely make use of this.Thanks.
    Manickam Vijayabanu recently posted…Apple Eyes Nifty Metal Technology For Future ProductsMy Profile

  6. Alysha says:

    panoramic image of Venice is a perfect view of Google MAP. Interesting topics as well as tips but can you help me to build personal or custom Google Map ?
    Alysha recently posted…Student Loans: For Bad CreditMy Profile

  7. Spencer says:

    Hi Praveen,

    I really enjoy using Google maps and this was a very helpful and easy to understand tutorial. Thanks for sharing.
    Spencer recently posted…Fat Burning FoodsMy Profile

  8. Alysha says:

    Hello Praveen, It’s a awesome post and I think now I can do it easily. I am going to post about California history and I am thinking to embed maps with that post. Thanks for share.
    Alysha recently posted…Easy ways to trick yourself into losing weightMy Profile

  9. Andrew says:

    Hi Praveen,
    This is very helpful to me. Google Maps is something that I love to use and I want to share my experiences of the world with other people. With these tools I think I can make the process a lot more simple. Thanks for sharing this,
    Andrew
    Andrew recently posted…Best Weight Loss Plans For Your HealthMy Profile

  10. Rakesh Shah says:

    Hi,

    I think lot of people are there those who don’t know these embedding.It will help them out.You need to promote it as it is useful in various terms.

    Regards,
    Rakesh Shah recently posted…Slideshare PresentationsMy Profile

  11. Manoj says:

    Hi Praveen,

    This is great information and it will useful to promote my business in local listing.

  12. Jose says:

    This is an interesting tool that really works for my Business. I run Window Covering Enterprise in Buena Park and the tool described will greatly benefit my Operation.

    Highly Recommend!…

  13. Rahul says:

    Hi Praveen,
    That’s a well explained informative article.
    Thanks for sharing.
    Rahul recently posted…EASILY SYNC BOOKMARKS AND PASSWORDS IN CHROMEMy Profile

  14. Dilipwk says:

    Google really making everything more easier than anything else. One can do many things with google. Go google go :)
    Dilipwk recently posted…The 21st Century Classified : OLXMy Profile

Leave a Reply

You must be logged in to post a comment.

Loading Facebook Comments ...