{"id":42288,"date":"2016-10-07T17:49:41","date_gmt":"2016-10-07T14:49:41","guid":{"rendered":"https:\/\/web-mng.iptp.com\/?page_id=284"},"modified":"2016-10-07T17:49:41","modified_gmt":"2016-10-07T14:49:41","slug":"weathermap","status":"publish","type":"page","link":"https:\/\/web-lab-1.m4.iptp.net\/es_ES\/iptp-tools\/weathermap\/","title":{"rendered":"Weathermap"},"content":{"rendered":"<p>\t\t\t<!-- \r\n<link rel=\"stylesheet\" target=\"_blank\" href=\"\/wp-content\/themes\/benevolent\/lib\/leaflet\/leaflet.css\" \/>\r\n<script src=\"\/wp-content\/themes\/benevolent\/lib\/leaflet\/leaflet.js\"><\/script>\r\n<script type=\"text\/javascript\" src=\"\/wp-content\/themes\/benevolent\/lib\/jquery-ui.min.js\"><\/script>\r\n<script type=\"text\/javascript\" src=\"\/wp-content\/themes\/benevolent\/lib\/leaflet\/imgViewer2.js\"><\/script> -->\r\n\t\t\t<!-- <div class=\"wrap-img zoom-magnify\"> -->\r\n\t\t\t<\/p><div class=\"wrap-img\">\r\n\t\t\t\t<button class=\"btn-modal-toggle-js btn-toggle-modal-css btn btn-primary\"><img decoding=\"async\" class=\"disabled-lazy\" src=\"https:\/\/web-lab-1.m4.iptp.net\/wp-content\/themes\/iptp-theme\/images\/searchplus.svg\" alt=\"zoom\" style=\"width:18px;height:18px;background: none;\"><\/button><img decoding=\"async\" class=\"img-zooms img-zoom-small disabled-lazy\" src=\"https:\/\/cacti.iptp.net\/cacti\/plugins\/weathermap\/output\/weathermap.png\" alt=\"Global Network and Points of Presence Map\">\r\n\t\t\t\t<div class=\"zoom-large\" style=\"--background: url('https:\/\/cacti.iptp.net\/cacti\/plugins\/weathermap\/output\/weathermap.png')\"><\/div>\r\n\t\t\t<\/div><div class=\"pos-full-width div-toggle-js weathermap\" align=\"center\">\r\n\t\t\t\t<button class=\"btn-modal-toggle-js btn-toggle-modal-css btn btn-primary\"><img decoding=\"async\" class=\"disabled-lazy\" src=\"https:\/\/web-lab-1.m4.iptp.net\/wp-content\/themes\/iptp-theme\/images\/close_write.svg\" alt=\"close\" style=\"width:14px;height:14px;\"><\/button> <img decoding=\"async\" class=\"img-zoom-large disabled-lazy\" src=\"https:\/\/cacti.iptp.net\/cacti\/plugins\/weathermap\/output\/weathermap.png\" alt=\"Global Network and Points of Presence Map\">\r\n\t\t\t<\/div><script>\r\n\t\t\t\tjQuery(function($){\r\n\t\t\t\t$(document).ready(function () {\r\n\t\t\t\t\tvar native_width = 0;\r\n\r\n\t\t\t\t\tvar native_height = 0;\r\n\r\n\t\t\t\t\t\/\/Now the mousemove function\r\n\r\n\t\t\t\t\t$(\".zoom-magnify\").mousemove(function (e) {\r\n\t\t\t\t\t\/\/When the user hovers on the image, the script will first calculate\r\n\r\n\t\t\t\t\t\/\/the native dimensions if they don't exist. Only after the native dimensions\r\n\r\n\t\t\t\t\t\/\/are available, the script will show the zoomed version.\r\n\r\n\t\t\t\t\tif (!native_width && !native_height) {\r\n\t\t\t\t\t\t\/\/This will create a new image object with the same image as that in .small\r\n\r\n\t\t\t\t\t\t\/\/We cannot directly get the dimensions from .small because of the\r\n\r\n\t\t\t\t\t\t\/\/width specified to 200px in the html. To get the actual dimensions we have\r\n\r\n\t\t\t\t\t\t\/\/created this image object.\r\n\r\n\t\t\t\t\t\tvar image_object = new Image();\r\n\r\n\t\t\t\t\t\timage_object.src = $(\".img-zoom-small\").attr(\"src\");\r\n\r\n\t\t\t\t\t\t\/\/This code is wrapped in the .load function which is important.\r\n\r\n\t\t\t\t\t\t\/\/width and height of the object would return 0 if accessed before\r\n\r\n\t\t\t\t\t\t\/\/the image gets loaded.\r\n\r\n\t\t\t\t\t\tnative_width = image_object.width;\r\n\r\n\t\t\t\t\t\tnative_height = image_object.height;\r\n\t\t\t\t\t} else {\r\n\t\t\t\t\t\t\/\/x\/y coordinates of the mouse\r\n\r\n\t\t\t\t\t\t\/\/This is the position of .magnify with respect to the document.\r\n\r\n\t\t\t\t\t\tvar magnify_offset = $(this).offset();\r\n\r\n\t\t\t\t\t\t\/\/We will deduct the positions of .magnify from the mouse positions with\r\n\r\n\t\t\t\t\t\t\/\/respect to the document to get the mouse positions with respect to the\r\n\r\n\t\t\t\t\t\t\/\/container(.magnify)\r\n\r\n\t\t\t\t\t\tvar mx = e.pageX - magnify_offset.left;\r\n\r\n\t\t\t\t\t\tvar my = e.pageY - magnify_offset.top;\r\n\r\n\t\t\t\t\t\t\/\/Finally the code to fade out the glass if the mouse is outside the container\r\n\r\n\t\t\t\t\t\tif (mx < $(this).width() && my < $(this).height() && mx > 0 && my > 0) {\r\n\t\t\t\t\t\t$(\".zoom-large\").fadeIn(100);\r\n\t\t\t\t\t\t} else {\r\n\t\t\t\t\t\t$(\".zoom-large\").fadeOut(100);\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\tif ($(\".zoom-large\").is(\":visible\")) {\r\n\t\t\t\t\t\t\/\/The background position of .large will be changed according to the position\r\n\r\n\t\t\t\t\t\t\/\/of the mouse over the .small image. So we will get the ratio of the pixel\r\n\r\n\t\t\t\t\t\t\/\/under the mouse pointer with respect to the image and use that to position the\r\n\r\n\t\t\t\t\t\t\/\/large image inside the magnifying glass\r\n\r\n\t\t\t\t\t\tvar rx = Math.round((mx \/ $(\".img-zoom-small\").width()) * native_width - $(\".zoom-large\").width() \/ 2) * -1;\r\n\r\n\t\t\t\t\t\tvar ry = Math.round((my \/ $(\".img-zoom-small\").height()) * native_height - $(\".zoom-large\").height() \/ 2) * -1;\r\n\r\n\t\t\t\t\t\tvar bgp = rx + \"px \" + ry + \"px\";\r\n\r\n\t\t\t\t\t\t\/\/Time to move the magnifying glass with the mouse\r\n\r\n\t\t\t\t\t\tvar px = mx - $(\".zoom-large\").width() \/ 2;\r\n\r\n\t\t\t\t\t\tvar py = my - $(\".zoom-large\").height() \/ 2;\r\n\r\n\t\t\t\t\t\t\/\/Now the glass moves with the mouse\r\n\r\n\t\t\t\t\t\t\/\/The logic is to deduct half of the glass's width and height from the\r\n\r\n\t\t\t\t\t\t\/\/mouse coordinates to place it with its center at the mouse coordinates\r\n\r\n\t\t\t\t\t\t\/\/If you hover on the image now, you should see the magnifying glass in action\r\n\r\n\t\t\t\t\t\t$(\".zoom-large\").css({ left: px, top: py, backgroundPosition: bgp });\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t\t});\r\n\t\t\t\t});\r\n\t\t\t});\r\n\t\t\t<\/script><br><div class=\"lg-links\">\r\n<a href=\"https:\/\/stat.ripe.net\/AS41095\" target=\"_blank\">RIPE<\/a> <a href=\"https:\/\/asrank.caida.org\/asns?asn=41095\" target=\"_blank\">ASRank<\/a> <a href=\"https:\/\/radar.qrator.net\/as41095\" target=\"_blank\">RADAR<\/a> <a href=\"https:\/\/www.peeringdb.com\/asn\/41095\" target=\"_blank\">PeeringDB<\/a>\r\n<\/div><section class=\"mt-5\">\n<div class=\"p-2 bg-primary rounded mb-4\">\n<div class=\"row g-0\">\n<div class=\"col-12 col-lg-4 ps-0 bp-sidebar pe-2\">\n<div class=\"nav bp-nav flex-column nav-pills\" id=\"v-pills-tab\" role=\"tablist\" aria-orientation=\"vertical\">\n<div class=\"bg-white rounded p-2 d-flex flex-nowrap align-items-center mb-4\">\n<div><img decoding=\"async\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/ywAAAAAAQABAAACAUwAOw==\" alt=\"wmap\" data-src=\"\/wp-content\/uploads\/wmap-icon2.svg\" class=\"lazy\"><\/div>\n<h2 class=\"ps-4 text-secondary my-0\">ABOUT<br>WEATHERMAP<\/h2>\n<\/div>\n<p> <button class=\"nav-link text-start active\" id=\"bp-tab-sec1\" data-bs-toggle=\"pill\" data-bs-target=\"#bp-content-sec1\" type=\"button\" role=\"tab\" aria-selected=\"true\">WEATHERMAP DEFINITION<\/button><br>\n <button class=\"nav-link text-start js-bp-tab-sec2-target\" id=\"bp-tab-sec2\" data-bs-toggle=\"pill\" data-bs-target=\"#bp-content-sec2\" type=\"button\" role=\"tab\" aria-selected=\"false\">THE BENEFITS OF THE WEATHERMAP<\/button><br>\n <button class=\"nav-link text-start js-bp-tab-sec3-target\" id=\"bp-tab-sec3\" data-bs-toggle=\"pill\" data-bs-target=\"#bp-content-sec3\" type=\"button\" role=\"tab\" aria-selected=\"false\">INSIDE THE WEATHERMAP<\/button><br>\n <button class=\"nav-link text-start js-bp-tab-sec4-target\" id=\"bp-tab-sec4\" data-bs-toggle=\"pill\" data-bs-target=\"#bp-content-sec4\" type=\"button\" role=\"tab\" aria-selected=\"false\">HOW TO READ AND UNDERSTAND THE WEATHERMAP TOOL<\/button><\/p>\n<\/div>\n<\/div>\n<div class=\"col-12 col-lg-8 p-3 p-lg-4 bp-content bg-white rounded\">\n<div class=\"tab-content\" id=\"v-pills-tabContent\">\n<div class=\"tab-pane fade show active\" id=\"bp-content-sec1\" role=\"tabpanel\" aria-labelledby=\"bp-tab-sec1\" tabindex=\"0\">\n<div class=\"text-center mt-5\">\n<div><img decoding=\"async\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/ywAAAAAAQABAAACAUwAOw==\" width=\"166\" alt=\"wmap\" data-src=\"\/wp-content\/uploads\/wmap-icon1.svg\" class=\"lazy\"><\/div>\n<\/div>\n<h2 class=\"text-center mb-5\">WEATHERMAP DEFINITION<\/h2>\n<p>Any newbie in the Telecom world, when seeing this Weathermap for the 1st time, might have several confusions. Therefore, in the following part, IPTP Networks will explain the definition of this Weathermap, its benefits, details shown in the map, as well as how to read and understand the tool perfectly.<\/p>\n<p>Weathermap is a network map that visualizes network performance and realtime traffic flows of an organization, in this case, IPTP Networks.<\/p>\n<p>The Weathermap tool is not only bringing many benefits to Internet providers, but also widely used by Internet Exchanges, Telecommunication companies, national educational Internet networks (For example, Eduroam in Europe), financial services, government agencies, plus universities and schools.<\/p>\n<p class=\"text-md-end text-center\"><button class=\"btn text-uppercase js-bp-tab-sec1 page--next\"><\/button><\/p>\n<\/div>\n<div class=\"tab-pane fade\" id=\"bp-content-sec2\" role=\"tabpanel\" aria-labelledby=\"bp-tab-sec2\" tabindex=\"0\">\n<div class=\"text-center mt-5\">\n<div><img decoding=\"async\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/ywAAAAAAQABAAACAUwAOw==\" width=\"166\" alt=\"wmap\" data-src=\"\/wp-content\/uploads\/wmap-icon1.svg\" class=\"lazy\"><\/div>\n<\/div>\n<h2 class=\"text-center mb-5\">THE BENEFITS OF THE WEATHERMAP TOOL<\/h2>\n<p>As a network performance visualization tool, IPTP Networks&rsquo; Weathermap is constantly updated every 5 minutes to make sure users can always get the latest news about the status of our system and the traffic of routes in real time.<\/p>\n<p>Moreover, by checking the Weathermap tool when a problem occurs, you are able to quickly detect which connection is being used by a lot of people, causing the &ldquo;traffic jam&rdquo; situation at that time. Thanks to it, you can switch to another route that is &ldquo;less crowded&rdquo; and solve the matter on time.<\/p>\n<p class=\"text-md-end text-center\"><button class=\"btn text-uppercase js-bp-tab-sec2 page--next\"><\/button><\/p>\n<\/div>\n<div class=\"tab-pane fade\" id=\"bp-content-sec3\" role=\"tabpanel\" aria-labelledby=\"bp-tab-sec3\" tabindex=\"0\">\n<h2>INSIDE THE WEATHERMAP TOOL<\/h2>\n<p>In order to be better familiar with this tool, let&rsquo;s take a deeper dig into elements inside it. Overall, the IPTP Networks&rsquo; Weathermap network map has the appearance like this:<\/p>\n<p class=\"text-center mb-4\"><img decoding=\"async\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/ywAAAAAAQABAAACAUwAOw==\" alt=\"overview\" class=\"img-fluid lazy\" data-src=\"\/wp-content\/uploads\/overview.jpg\"><\/p>\n<div class=\"row g-4 mb-5\">\n<div class=\"col-12 col-md-2 text-center\"><img decoding=\"async\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/ywAAAAAAQABAAACAUwAOw==\" alt=\"column\" data-src=\"\/wp-content\/uploads\/column.jpg\" class=\"lazy\"><\/div>\n<div class=\"col-12 col-md-10 pt-4\">In details, the information shown through the Weathermap includes: &ndash; The &ldquo;Load&rdquo; column from 0% to 100% (as shown in the below picture) helps users know how much capacity (in percentage) of a connection is being used. To ensure smooth and convenient work, you should only choose any route in purple or blue color, which means the &ldquo;load&rdquo; level is only from 0% to 50%).<\/div>\n<\/div>\n<div class=\"row g-4 mb-5\">\n<div class=\"col-12 col-md-4 order-md-2\">\n<div class=\"text-center\"><img decoding=\"async\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/ywAAAAAAQABAAACAUwAOw==\" alt=\"datacenter\" data-src=\"\/wp-content\/uploads\/datacenter.png\" class=\"lazy\"><\/div>\n<\/div>\n<div class=\"col-12 col-md-8 order-md-1\">&ndash; The name of the IXPs, data center or any similar point where a connection begins from or ends at. The following example figure describes the Nikhef (328) data center in Amsterdam, The Netherlands, which is denoted as &ldquo;328.nkf.ams.nl&rdquo;.<\/div>\n<\/div>\n<div class=\"row g-4 mb-5\">\n<div class=\"col-12 col-md-4\">\n<div class=\"text-center\"><img decoding=\"async\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/ywAAAAAAQABAAACAUwAOw==\" alt=\"line\" data-src=\"\/wp-content\/uploads\/line.png\" class=\"lazy\"><\/div>\n<\/div>\n<div class=\"col-12 col-md-8\">&ndash; The load level of a route is represented by its color. Plus, the latency of that line is also included in the map. From the below image, we can easily see the connection from &ldquo;tc1.stk.se&rdquo; to &ldquo;327.nkf.ams.nl&rdquo; with a latency of 10ms is highlighted in purple, which is a good level (refering to the &ldquo;Load&rdquo; Column).<\/div>\n<\/div>\n<p class=\"text-md-end text-center\"><button class=\"btn text-uppercase js-bp-tab-sec3 page--next\"><\/button><\/p>\n<\/div>\n<div class=\"tab-pane fade\" id=\"bp-content-sec4\" role=\"tabpanel\" aria-labelledby=\"bp-tab-sec4\" tabindex=\"0\">\n<h2>HOW TO READ AND UNDERSTAND THE WEATHERMAP TOOL<\/h2>\n<p>So, basically, you will always see the network connections illustrated as below when opening the Weathermap tool:<\/p>\n<div class=\"row g-4 my-5\">\n<div class=\"col-12 col-md-7 order-md-2\">\n<div class=\"text-center\"><img decoding=\"async\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/ywAAAAAAQABAAACAUwAOw==\" alt=\"network-illustration\" data-src=\"\/wp-content\/uploads\/network-illustration.jpg\" class=\"lazy\"><\/div>\n<\/div>\n<div class=\"col-12 col-md-5 order-md-1\">Based on the above explanations, we can easily understand that the purple route from &ldquo;1ws.lax.us&rdquo; to &ldquo;eq.da3.us&rdquo; with 16 ms latency is in a perfect condition. The link from &ldquo;1ws.lax.us&rdquo; to &ldquo;eq.la1.us&rdquo; has a green color, which is also good since not all its capacity has been used. And the path from &ldquo;1ws.lax.us&rdquo; to LUMEN has two directions colored in either blue, cyan, or purple, proving that both of them are &ldquo;empty&rdquo; enough so users can freely choose which to use according to their preferences.<\/div>\n<\/div>\n<p class=\"text-md-end text-center\"><button class=\"btn text-uppercase js-bp-tab-sec4 page--next page--prev\"><\/button><\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"row\">\n<div class=\"col-12 col-md-6\">\n<div class=\"box1 p-3 p-lg-5 h-100\">\n In addition, to learn more about the transcontinental latency of each different demanding route, please feel free to visit our Best Path tool.\n<div class=\"mt-4 text-center\"><a href=\"https:\/\/web-lab-1.m4.iptp.net\/es_ES\/iptp-tools\/best-path\/\" class=\"btn btn-secondary fs-4 text-white py-2 px-5 rounded-pill\" target=\"_blank\" rel=\"noopener\">BEST PATH<\/a><\/div>\n<\/div>\n<\/div>\n<div class=\"col-12 col-md-6\">\n<div class=\"box1 p-3 p-lg-5 h-100\">\n Moreover, if you are looking for a perfect Ethernet solution for your private WAN needs, please read more about our EoMPLS Pseudowire service at:\n<div class=\"mt-4 text-center\"><a href=\"https:\/\/web-lab-1.m4.iptp.net\/es_ES\/network\/connectivity-services\/eompls-pseudowire-service\/\" class=\"btn btn-secondary fs-4 text-white py-2 px-5 rounded-pill\" target=\"_blank\" rel=\"noopener\">EoMPLS<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n<p><script>jQuery(function(c){c(document).ready(function(){c(\".js-bp-tab-sec1\").on(\"click\",function(){c(\".js-bp-tab-sec2-target\").trigger(\"click\")}),c(\".js-bp-tab-sec2\").on(\"click\",function(){c(\".js-bp-tab-sec3-target\").trigger(\"click\")}),c(\".js-bp-tab-sec3\").on(\"click\",function(){c(\".js-bp-tab-sec4-target\").trigger(\"click\")}),c(\".js-bp-tab-sec4\").on(\"click\",function(){c(\".js-bp-tab-sec3-target\").trigger(\"click\")})})})<\/script><\/p>\n<h3 class=\"text-noraml text-primary fs-4 mt-5\">Contact<\/h3>\n<p>If you experience a problem with this site that you would like to report, please contact us at <a><span class=\"sp-user\">cs<\/span><span class=\"sp-domain\">iptp.net<\/span><\/a> or use the<a href=\"javascript:popupchat()\"> &ldquo;Live Assistant&rdquo; <\/a>button on the bottom right of the webpage.<\/p>\n<\/section>\n","protected":false},"excerpt":{"rendered":"<p>&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":42315,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"inline_featured_image":false,"footnotes":""},"class_list":["post-42288","page","type-page","status-publish","hentry"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/web-lab-1.m4.iptp.net\/es_ES\/wp-json\/wp\/v2\/pages\/42288","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/web-lab-1.m4.iptp.net\/es_ES\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/web-lab-1.m4.iptp.net\/es_ES\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/web-lab-1.m4.iptp.net\/es_ES\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/web-lab-1.m4.iptp.net\/es_ES\/wp-json\/wp\/v2\/comments?post=42288"}],"version-history":[{"count":0,"href":"https:\/\/web-lab-1.m4.iptp.net\/es_ES\/wp-json\/wp\/v2\/pages\/42288\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/web-lab-1.m4.iptp.net\/es_ES\/wp-json\/wp\/v2\/pages\/42315"}],"wp:attachment":[{"href":"https:\/\/web-lab-1.m4.iptp.net\/es_ES\/wp-json\/wp\/v2\/media?parent=42288"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}