Skip to main content

Google Map's Real-Time Traffic Layer...

    You can now check the traffic condition on the road before you leave for work, or a party or to your friend's place. Google's Traffic layer shows the traffic conditions in your area - LIVE!!! Live traffic data is available in major cities in the United States, France, Britain, Canada and Australia, with new cities and countries frequently added. The Google Maps API allows you to add real-time traffic information (where supported) to your maps using the TrafficLayer object. Traffic information is provided for the time at which the request is made. Consult this spreadsheet to determine traffic coverage support.

    Let us now have a look at the Google Maps API - Trafiic Layer example. Copy the following code in a simple text file and save it as html. Click on this html file and it will open in your default browser. You will then see the traffic conditions in your area - LIVE...



    The output of the above code looks as seen in the result section above. The map in this example is centred at Los Angeles. Traffic Layer data in not available for India as of now. Hope it will be some day soon...
 
Traffic Color Description:
        If available in your area, real-time traffic conditions will be displayed over the road as color-coded lines. The colors indicate the speed of traffic on the road compared to free-flowing conditions. For highways, the colors roughly equate to:
  • Green: more than 50 mph or 80 kph.
  • Yellow: 25-50 mph or 40-80 kph.
  • Red: less than 25 mph or 40 kph.
  • Red/Black: very slow, stop-and-go traffic.
  • Gray: No data currently available.
          These speeds don't apply to traffic on smaller roads, such as those within cities, which have lower speed limits. For roads smaller than highways, the colors give an indication of the severity of the traffic. Green means that the traffic conditions are good, yellow means fair, and red or red/black means poor traffic conditions.
Labels:

Comments

  1. VishuApril 14, 2011 at 1:47 AM

    Hi Shreerang,

    i'm pretty new to the GIS world (though I've always been using Google Maps from my mobile in India).

    I'veI've been glancing at your works. Impressive and innovative are the first 2 words that stike my thoughts when I have to describe yoru work.

    About the "Real time traffic layer", I wonder what would really be the use of this when Google maps already has it as a layer in their phone/web ?

    ReplyDelete
  2. Shreerang PatwardhanApril 16, 2011 at 10:24 PM

    Hi Vishu,

    Happy to hear that you found my work impressive.

    About the "Real time traffic layer"...This is very useful as the information keeps on updating at run-time. As the traffic on a particular road increases or decreases the map layer updates itself. So you can have a look at the traffic status before you move from your place to your destination and then decide accordingly as to which route would be the best for the ride...

    ReplyDelete
  3. Greetings MagOctober 22, 2019 at 7:11 AM

    Superb website to learn something new you can check

    Best Happy Diwali Wishes and Quotes From GreetingsMag
    https://greetingsmag.com/happy-diwali-wishes/
    https://greetingsmag.com/190-happy-diwali-whatsapp-status-best-diwali-wishes-whats-app-status/
    https://greetingsmag.com/happy-diwali-quotes-in-english/
    https://greetingsmag.com/best-happy-diwali-wishes/
    https://greetingsmag.com/happy-diwali/
    https://greetingsmag.com/happy-diwali-2019-wishes-in-hindi/
    https://greetingsmag.com/happy-diwali-quotes/

    ReplyDelete
  4. GlenNovember 23, 2024 at 8:48 PM

    Thhank you for this

    ReplyDelete

Post a Comment

Please leave your comments here...

Recommended for You

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...
5 comments
Read more

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. ...
1 comment
Read more

Jquery Mobile - Listview with data-inset property

    In the previous post we looked at a basic example of the jQuery Mobile listview. The listview in jQuery Mobile stretches 100% of the width with sharp edges and straight corners. If you wish to have rounded corners for your lists you need to make use of the data-inset="true" property.     Lets take a look at the example below. The lists as seen in the result below have rounded corners as opposed to the straight edges in the example in the previous post, where we had not made use of the data-inset property. When we say that we did not use the data-inset property, we mean that the value of data-inset property is "false". UPDATE: The following example makes use of the next stable version of Jquery Mobile 1.3.1     Hope you have followed the post. Do let me know your feedback on the same and drop your commenets below.
Post a Comment
Read more

Jquery Mobile Form - Flip toggle switch control

    A binary flip switch is a very common UI element in the mobile web world and was made popular by our very own iOS. This flip switch is used mostly for binary on/off or true/false data inputs. To create a flip switch or a toggle switch, start with a select with data-attribute="slider" and two options. Jquery Mobile would style this select as a regular flip switch with capsule corners and a a circular handle which can be either dragged from one end to the other or tap either sides of the switch.     The flip toggle switch is available in 2 flavors/sizes - regular and mini. Adding a data attribute data-mini="true" to the input tag renders a smaller sized flip switch. Let's take a look at the code sample below to understand the working in a better way.     In the code above, you will see 4 different implementations of the flip switch. The first one is a regular flip switch with the label and the toggle button one below the other. The se...
Post a Comment
Read more

Jquery Mobile - Introduction to form elements

    Jquery Mobile framework provides a complete set of finger-friendly form elements that are based on native HTML form elements. In the posts that will follow, we will take a look at the various form elements and the various properties that we can apply to these form elements.    We will be taking a look at all the form elements like input types, textareas, slider control, toggle switch, radio buttons, checkboxes and select menus. We will also be covering how to use the mini versions of each of these input elements, how to disable them, how to initialize them and how to use the refresh method on the form elements.     Hope you all enjoy the series on form elements like you loved the series on Jquery Mobile listview . Do drop a comment to let me know what you would want from this series and I would be happy to include those points. Share the word! Happy coding!
Post a Comment
Read more