Skip to main content

GeoRSS Layer...

    It's been long since I last posted an example here...But I am finally posting one again and it is about creating a GeoRSS layer on the google base map, using the Google Maps API.

    The first question will be, "What is GeoRSS?" GeoRSS is nothing but geographically tagged or geographically referenced RSS feeds. RSS feeds having latitude- longitude information of the place of feed. Whether it's pictures from your vacation, favorite places on the globe, or the hiking trails you like to visit, all you have to do is geo-tag them and then load it up. This idea that you can view data from external sources inside Google Maps is really exciting.

    Moving on to the example...There's no great deal about it. Copy and paste the following code in a html file and open it in your default browser. Here follows the code...


    The output of the above code looks as seen in th result section above. The best thing about the GeoRSS layer is that, you will not see the same output (markers) every time...This is because, only the latest feeds are shown on the map. So as the feeds change so do the markers on the map and effectively your output changes.

    If you have any questions regarding this code or any suggestions regarding the blog then feel free to drop your comment here...Please note that the link that has been used in the example code above is not owned by me and was available freely on the net. So any changes happening in the data will not be my responsibility. Till then happy mapping...

Comments

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 .

Form info window

         Today we will look at a Google Maps API v3 example to add a form in the information bubble! This is usually required when we wish to accept some data/information from the user! This data can be saved to a server in the form of an XML file or a database! The information can then be retrieved back at a later stage, when necessary!          In this example we will only look at form in the information bubble! The connectivity part with the server will be discussed in another post! So, today's code snippet is as seen below! <html> <head> <title> Google Maps API v3 - Adding marker and info window on Click and creating a form in the infowindow with the lat-lng information in it. </title> <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script> <script type="text/javascript"> var map;    //When using ev...

jQuery Mobile's Next Big Step

Spatial Unlimited changes to The UI Dev After being hosted on blogger 😣 for the last 6 years 📆, this page has finally been moved to Github.io This means a few things for you, dear reader! You will be redirected to the new page shortly! ⏩ ⏩ ⏩ Once crapy HTML is now better looking Markdown ! 😍 😍 The entire blog is a Github repo ! 😍 😍 Spatial Unlimited is now The UI Dev 😍 😍

ES6 101 - Class

Spatial Unlimited changes to The UI Dev After being hosted on blogger 😣 for the last 6 years 📆, this page has finally been moved to Github.io This means a few things for you, dear reader! You will be redirected to the new page shortly! ⏩ ⏩ ⏩ Once crapy HTML is now better looking Markdown ! 😍 😍 The entire blog is a Github repo ! 😍 😍 Spatial Unlimited is now The UI Dev 😍 😍

ES6 101 - For..of

Spatial Unlimited changes to The UI Dev After being hosted on blogger 😣 for the last 6 years 📆, this page has finally been moved to Github.io This means a few things for you, dear reader! You will be redirected to the new page shortly! ⏩ ⏩ ⏩ Once crapy HTML is now better looking Markdown ! 😍 😍 The entire blog is a Github repo ! 😍 😍 Spatial Unlimited is now The UI Dev 😍 😍