Skip to main content

Google Map Loading . . . . .

    The blank web page seems so boring and dull when the map is still loading. You will come across such a situation quite often where you will be having a slow internet connection! We cannot do anything about the slow internet connection, but we can surely avoid the dull blank web-page by using a simple trick. We can place a "loading" image at the center of the web page so that the page doesn't look blank! An image like this:
    The following code will show you how this can be done and here it is!


    As you all can see the code is very very simple and the output will look as seen in the result section above.
    Do let me know what you think about the examples shared here! Do leave your comments here! Till the next example, happy mapping!

Comments

  1. Hi,

    I think it would also be nice to load a low res picture of the place being Googled, or a picture of the closest location being Googled. The picture would "dissolve" once Google Map has been loaded?

    ReplyDelete
  2. Happy to know that you liked the post Omkar...

    ReplyDelete
  3. Hi Anonymous,

    What you are suggesting is a very good idea and can definitely be done! Thanx for the idea, I will soon put up an example code for the same.

    ReplyDelete
  4. How Can i put this on my website http://www.couponmania.in/

    ReplyDelete

Post a Comment

Please leave your comments here...

Recommended for You

Playing with the markers and info window bubbles...

    In the last few posts, we have seen some marker examples and some information window examples. Now, lets do something interesting combining these two things. Just writing that "This is an info window" in the information bubble is not very interesting! And I know this...Have gone through the same phase!     So, today we will do something interesting! We will display the latitude- longitude co-ordinates of the point that the user clicks on the map! Doing this is not at all complex! Copy paste the following code and you will see for yourself a map coming to life!     The output of the above code looks as seen in the result section above! If you have any queries regarding the above code please comment on the blog post or feel free to contact me at my mail ID .

Google Street View Image API

    Street View is one of most used feature of the Google Maps and why not? You can actually see any part of the world as if you are visiting the place at that very moment. And now with the Google Street View Image API, you don't even need to carry a camera with you to the places you visit. You can take-in all the scenic beauty without even bothering about clicking a single picture. You can come back from your vacation and get a few images using the Google Street View Image API and show those images to your friends and relatives. Create an album of high definition images and go ahead and share it on Facebook for your friends to have a look.     Using the Google Street View Image API is very simple and anybody can make use of it without any programming knowledge required. I will walk you through the entire process of effectively using the Google Street View Image API. So if you are set, let's go on an amazing ride across the globe with the Google Street Views. ...

GIS Viewed as Strategic Economic Development Tool in India

          The Asia Pacific region is in the midst of rapid change. This change depends on information. Much of this information is concerned with questions that are fundamentally geographic in orientation -- such as the spatial patterns of households or businesses, and proposed infrastructure facilities within a community. The role of geographic information in economic development dominated the proceedings of the second ESRI Asia Pacific user group meeting earlier this year. The meeting was hosted by NIIT Technologies. It drew more than 1100 delegates from across the region to New Delhi for two days of discussion.                        The meeting was held at the right time. Historically, India has enjoyed a reputation for capable data conversion. But now, Indians are creating centres of excellence for GIS projec...

Retriving co-ordinates...

         We have seen 2 Google Maps API v3 examples wherein we have retrieved the latitude-longitude co-ordinates of the point of click on the map. In the first example we have displayed the co-ordinates in the information window and in the second , we have displayed the co-ordinates in a form in the information window.         Today we will create a code to retrieve the latitude longitude co-ordinates in a text box while simultaneously a marker appears on the map as well. So, here goes the code. <html> <head> <title> Google Maps API v3 - Adding marker on Click and retrieving the co-ordinates in a text box </title> <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script> <script type="text/javascript"> var map;    //When using event as a parameter to a function declare map, strictly as a global variable fun...

Mapping Festival...

         London will be hosting the London Mapping Festival which is slated to start from June 2011 and will run through December, 2012. The purpose of this festival is to highlight and create a greater awareness of how maps and geographic data is being used within the city. Such a festival will help demonstrate the vast extent to which mapping underpins our daily lives and will encourage people from all backgrounds to find out more about mapping, engage with industry professionals, explore the latest technologies and develop new skills.          I personally think that such festivals should be organised in all cities and each city should celebrate maps! The spread of mapping knowledge is a must for several reasons. Many graduating students do not know anything about GIS and mapping on the whole. Students do not know of the career options available in mapping. People do not understand the benefits of m...