Skip to main content

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.

Comments

  1. This one didn't work for me :(
    I can place markers, but they don't show the coordinates.

    ReplyDelete
  2. @Stipi: Which browser are you working in?

    ReplyDelete

Post a Comment

Please leave your comments here...

Recommended for You

Where does Google get it's live traffic data from?

Referring to a post that I wrote earlier, Google’s - Live traffic Layer , ever wondered how Google collected this data? I was wondering the other day, how Google received live data to display it on their maps as a layer! I looked up the web and found something very interesting and am sharing the same with you all. As we all know, the traffic layer is available most accurately in several states in USA. Most major metro areas in the US have sensors embedded in their highways. These sensors track real time traffic data. Easy to miss at high speeds (hopefully anyway, traffic permitting), more commonly noticed may be the similar sensors that often exist at many busy intersections that help the traffic lights most efficiently let the most amount of people through. The information from these tracking sensors is reported back to the Department of Transportation (DOT). The DOT uses this data to update some of the digital signs that report traffic conditions in many metro areas. They als

Two maps on the same page - Side-by-side

    How good I am feeling to post a code example after such a long time! It's been all "news" over the past so many posts! Well now that I am finally doing a code example, I am posting a very highly requested code sample. Placing two Google Maps on the same page (Now that's simple you would say!), but side by side. Now this is the thing that most people struggle with. Well, implementing the second part is also very simple, as you will see in today's code.     Let's see the code. Here it is!     The output of the above code will be as seen in the result section above.     As most of you will realize, there are two maps, one centered at "Pune" and other at "Noida". Why I chose these two locations? Well, just like that!...The main issue of concern is how the maps appeared side-by-side and not one below the other as would be normal behavior of two "div" elements used in the same page. Now here is the trick! Check out the th

Geodashing...

            Geodashing!?!? Sounds something similar to Geocaching right? Well, it is! Geodashing is very similar to Geocaching in the sense that people are searching for a particular spot with only a set of coordinates as their clue.             Here's how it works. In each game, a large set of waypoints, called dashpoints, from all over the world is posted on the Web. Dashpoint locations are chosen at random by computer, with all the unpredictability that presents. Dashpoints might be in suburban neighborhoods or in the middle of wilderness areas. Then, the race is on to see who can reach the most dashpoints before the deadline.             Geodashing players can participate as individuals or as teams of up to five players to increase the number of dashpoints reached. The competition is friendly and teamwork helps to get high scores, so put your online acquaintances to good use.             Because the dashpoints are spread all over the world, it doesn't matter w

Delhi Metro's Airport Express Corridor mapped on GIS...

         The Delhi Metro's showcase Airport Express Corridor, connecting the Indira Gandhi International Airport to the heart of the Delhi, was rolled out for the public on the 23rd of February, 2011.          This is the first line in India to be mapped on GIS to enhance safety, maintenance and traffic regulation. Mapping the corridor on GIS will help in mobilising emergency services in case of a blast or fire on the train. Delhi Airport Metro Express Private Limited, the company operating the line, has mapped all the emergency services, including fire stations, police stations, hospitals, etc. along the alignment.