{"id":269,"date":"2013-03-15T17:12:03","date_gmt":"2013-03-15T21:12:03","guid":{"rendered":"http:\/\/binaryworld.net\/blogs\/?p=269"},"modified":"2013-08-13T14:43:10","modified_gmt":"2013-08-13T18:43:10","slug":"how-to-show-bing-traffic-data-using-java-script","status":"publish","type":"post","link":"https:\/\/binaryworld.net\/blogs\/how-to-show-bing-traffic-data-using-java-script\/","title":{"rendered":"How to Show Bing Traffic Data Using Java Script"},"content":{"rendered":"<p>I was trying to show <strong>Bing Map with Traffic Layer<\/strong> using JavaScript\/Ajax and found pretty good example<\/p>\n<p>&nbsp;<\/p>\n<p>Here is complete Snippet. Just create a test HTML file and copy \/ paste snippet to see what it look like. Click Show traffic button to see live traffic.<\/p>\n<p>&nbsp;<\/p>\n<pre class=\"brush: actionscript3; gutter: true; first-line: 1; html-script: true\">&lt;!DOCTYPE html PUBLIC &quot;-\/\/W3C\/\/DTD XHTML 1.0 Transitional\/\/EN&quot; &quot;http:\/\/www.w3.org\/TR\/xhtml1\/DTD\/xhtml1-transitional.dtd&quot;&gt;\r\n&lt;html&gt;\r\n   &lt;head&gt;\r\n      &lt;title&gt;&lt;\/title&gt;\r\n      &lt;meta http-equiv=&quot;Content-Type&quot; content=&quot;text\/html; charset=utf-8&quot;&gt;\r\n\r\n      &lt;script type=&quot;text\/javascript&quot; src=&quot;http:\/\/ecn.dev.virtualearth.net\/mapcontrol\/mapcontrol.ashx?v=6.3&quot;&gt;&lt;\/script&gt;\r\n\r\n      &lt;script type=&quot;text\/javascript&quot;&gt;\r\n         var map = null;\r\n         var Location = new VELatLong(47.64, -122.23);\r\n\r\n         function GetMap()\r\n         {\r\n            map = new VEMap(&#039;myMap&#039;);\r\n            map.LoadMap(Location, 9);\r\n         }\r\n\r\n         function ShowTraffic()\r\n         {\r\n            map.LoadTraffic(true);\r\n            map.ShowTrafficLegend(50,50);\r\n            map.SetTrafficLegendText(&quot;The traffic legend&quot;);\r\n         }\r\n\r\n         function ClearTraffic()\r\n         {\r\n            map.ClearTraffic();\r\n         }\r\n      &lt;\/script&gt;\r\n   &lt;\/head&gt;\r\n   &lt;body onload=&quot;GetMap();&quot; style=&quot;font-family:Arial&quot;&gt;\r\n      &lt;h3&gt;Traffic&lt;\/h3&gt;\r\n      &lt;p&gt;\u00a0&lt;\/p&gt;\r\n      &lt;div id=&#039;myMap&#039; style=&quot;position:relative; width:600px; height:400px;&quot;&gt;&lt;\/div&gt;\r\n      &lt;input id=&quot;showtraffic&quot;  type=&quot;button&quot; value=&quot;Show Traffic&quot;  onclick=&quot;ShowTraffic();&quot;\/&gt;\r\n      &lt;input id=&quot;cleartraffic&quot; type=&quot;button&quot; value=&quot;Clear Traffic&quot; onclick=&quot;ClearTraffic();&quot;\/&gt;\r\n   &lt;\/body&gt;\r\n&lt;\/html&gt;\r\n\r\n<\/pre>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>I was trying to show Bing Map with Traffic Layer using JavaScript\/Ajax and found pretty good example &nbsp; Here is complete Snippet. Just create a test HTML file and copy \/ paste snippet to see what it look like. Click &hellip;<\/p>\n<p class=\"read-more\"> <a class=\"more-link\" href=\"https:\/\/binaryworld.net\/blogs\/how-to-show-bing-traffic-data-using-java-script\/\"> <span class=\"screen-reader-text\">How to Show Bing Traffic Data Using Java Script<\/span> Read More &raquo;<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[61],"tags":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v22.3 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\r\n<title>How to Show Bing Traffic Data Using Java Script  - BinaryWorld Blog<\/title>\r\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\r\n<link rel=\"canonical\" href=\"https:\/\/binaryworld.net\/blogs\/how-to-show-bing-traffic-data-using-java-script\/\" \/>\r\n<meta property=\"og:locale\" content=\"en_US\" \/>\r\n<meta property=\"og:type\" content=\"article\" \/>\r\n<meta property=\"og:title\" content=\"How to Show Bing Traffic Data Using Java Script  - BinaryWorld Blog\" \/>\r\n<meta property=\"og:description\" content=\"I was trying to show Bing Map with Traffic Layer using JavaScript\/Ajax and found pretty good example &nbsp; Here is complete Snippet. Just create a test HTML file and copy \/ paste snippet to see what it look like. Click &hellip; How to Show Bing Traffic Data Using Java Script Read More &raquo;\" \/>\r\n<meta property=\"og:url\" content=\"https:\/\/binaryworld.net\/blogs\/how-to-show-bing-traffic-data-using-java-script\/\" \/>\r\n<meta property=\"og:site_name\" content=\"BinaryWorld Blog\" \/>\r\n<meta property=\"article:published_time\" content=\"2013-03-15T21:12:03+00:00\" \/>\r\n<meta property=\"article:modified_time\" content=\"2013-08-13T18:43:10+00:00\" \/>\r\n<meta name=\"author\" content=\"Binary World\" \/>\r\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\r\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Binary World\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\r\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/binaryworld.net\/blogs\/how-to-show-bing-traffic-data-using-java-script\/\",\"url\":\"https:\/\/binaryworld.net\/blogs\/how-to-show-bing-traffic-data-using-java-script\/\",\"name\":\"How to Show Bing Traffic Data Using Java Script - BinaryWorld Blog\",\"isPartOf\":{\"@id\":\"https:\/\/binaryworld.net\/blogs\/#website\"},\"datePublished\":\"2013-03-15T21:12:03+00:00\",\"dateModified\":\"2013-08-13T18:43:10+00:00\",\"author\":{\"@id\":\"https:\/\/binaryworld.net\/blogs\/#\/schema\/person\/77cf0a9a512dd22bff93c6a1b6374fe0\"},\"breadcrumb\":{\"@id\":\"https:\/\/binaryworld.net\/blogs\/how-to-show-bing-traffic-data-using-java-script\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/binaryworld.net\/blogs\/how-to-show-bing-traffic-data-using-java-script\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/binaryworld.net\/blogs\/how-to-show-bing-traffic-data-using-java-script\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/binaryworld.net\/blogs\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to Show Bing Traffic Data Using Java Script\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/binaryworld.net\/blogs\/#website\",\"url\":\"https:\/\/binaryworld.net\/blogs\/\",\"name\":\"BinaryWorld Blog\",\"description\":\"Tips and Tutorials for Microsoft SQL Server, SSIS, SSAS, Business Intelligence, C#, .net\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/binaryworld.net\/blogs\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/binaryworld.net\/blogs\/#\/schema\/person\/77cf0a9a512dd22bff93c6a1b6374fe0\",\"name\":\"Binary World\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/binaryworld.net\/blogs\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/eaea47799daa577835eb53e64dfd3e13?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/eaea47799daa577835eb53e64dfd3e13?s=96&d=mm&r=g\",\"caption\":\"Binary World\"},\"description\":\"Binary World is a Software Development company located in Atlanta, USA (since 2007). Binary World specialized in Business Intelligence, mobile, cloud computing and .Net Application Development.\",\"url\":\"https:\/\/binaryworld.net\/blogs\/author\/admin\/\"}]}<\/script>\r\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to Show Bing Traffic Data Using Java Script  - BinaryWorld Blog","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/binaryworld.net\/blogs\/how-to-show-bing-traffic-data-using-java-script\/","og_locale":"en_US","og_type":"article","og_title":"How to Show Bing Traffic Data Using Java Script  - BinaryWorld Blog","og_description":"I was trying to show Bing Map with Traffic Layer using JavaScript\/Ajax and found pretty good example &nbsp; Here is complete Snippet. Just create a test HTML file and copy \/ paste snippet to see what it look like. Click &hellip; How to Show Bing Traffic Data Using Java Script Read More &raquo;","og_url":"https:\/\/binaryworld.net\/blogs\/how-to-show-bing-traffic-data-using-java-script\/","og_site_name":"BinaryWorld Blog","article_published_time":"2013-03-15T21:12:03+00:00","article_modified_time":"2013-08-13T18:43:10+00:00","author":"Binary World","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Binary World","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/binaryworld.net\/blogs\/how-to-show-bing-traffic-data-using-java-script\/","url":"https:\/\/binaryworld.net\/blogs\/how-to-show-bing-traffic-data-using-java-script\/","name":"How to Show Bing Traffic Data Using Java Script - BinaryWorld Blog","isPartOf":{"@id":"https:\/\/binaryworld.net\/blogs\/#website"},"datePublished":"2013-03-15T21:12:03+00:00","dateModified":"2013-08-13T18:43:10+00:00","author":{"@id":"https:\/\/binaryworld.net\/blogs\/#\/schema\/person\/77cf0a9a512dd22bff93c6a1b6374fe0"},"breadcrumb":{"@id":"https:\/\/binaryworld.net\/blogs\/how-to-show-bing-traffic-data-using-java-script\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/binaryworld.net\/blogs\/how-to-show-bing-traffic-data-using-java-script\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/binaryworld.net\/blogs\/how-to-show-bing-traffic-data-using-java-script\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/binaryworld.net\/blogs\/"},{"@type":"ListItem","position":2,"name":"How to Show Bing Traffic Data Using Java Script"}]},{"@type":"WebSite","@id":"https:\/\/binaryworld.net\/blogs\/#website","url":"https:\/\/binaryworld.net\/blogs\/","name":"BinaryWorld Blog","description":"Tips and Tutorials for Microsoft SQL Server, SSIS, SSAS, Business Intelligence, C#, .net","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/binaryworld.net\/blogs\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/binaryworld.net\/blogs\/#\/schema\/person\/77cf0a9a512dd22bff93c6a1b6374fe0","name":"Binary World","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/binaryworld.net\/blogs\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/eaea47799daa577835eb53e64dfd3e13?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/eaea47799daa577835eb53e64dfd3e13?s=96&d=mm&r=g","caption":"Binary World"},"description":"Binary World is a Software Development company located in Atlanta, USA (since 2007). Binary World specialized in Business Intelligence, mobile, cloud computing and .Net Application Development.","url":"https:\/\/binaryworld.net\/blogs\/author\/admin\/"}]}},"_links":{"self":[{"href":"https:\/\/binaryworld.net\/blogs\/wp-json\/wp\/v2\/posts\/269"}],"collection":[{"href":"https:\/\/binaryworld.net\/blogs\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/binaryworld.net\/blogs\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/binaryworld.net\/blogs\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/binaryworld.net\/blogs\/wp-json\/wp\/v2\/comments?post=269"}],"version-history":[{"count":0,"href":"https:\/\/binaryworld.net\/blogs\/wp-json\/wp\/v2\/posts\/269\/revisions"}],"wp:attachment":[{"href":"https:\/\/binaryworld.net\/blogs\/wp-json\/wp\/v2\/media?parent=269"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/binaryworld.net\/blogs\/wp-json\/wp\/v2\/categories?post=269"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/binaryworld.net\/blogs\/wp-json\/wp\/v2\/tags?post=269"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}