From 54ee46e1ff0a8505ee15720f1567ee0923eb9bc4 Mon Sep 17 00:00:00 2001
From: chenbiao <chenbiao@zte-its.com>
Date: Fri, 20 Dec 2019 20:56:01 +0800
Subject: [PATCH] add 官网首页地图 驾车路线规划 实时路况检测

---
 public/index.html        |   5 +++++
 src/views/home.vue       | 299 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++-------------------------------------------------------------
 static/traffuccontrol.js | 668 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 3 files changed, 911 insertions(+), 61 deletions(-)
 create mode 100644 static/traffuccontrol.js
diff --git a/public/index.html b/public/index.html
index 2f769be..81ea083 100644
--- a/public/index.html
+++ b/public/index.html
@@ -5,8 +5,13 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
     <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
     <link rel="icon" href="<%= BASE_URL %>favicon.ico">
+    <!-- 引入百度地图交通路况样式文件 -->
+    <link href="http://api.map.baidu.com/library/TrafficControl/1.4/src/TrafficControl_min.css" rel="stylesheet" type="text/css"/>
     <title><%= webpackConfig.name %></title>
     <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=cuMSxNl5LOY6sf1M3nDGtG6tGXl5a0Bb"></script>
+    <!-- 引入百度地图交通路况文件 -->
+    <script type="text/javascript" src="http://api.map.baidu.com/library/TrafficControl/1.4/src/TrafficControl_min.js"></script>
+
   </head>
   <body>
     <noscript>
diff --git a/src/views/home.vue b/src/views/home.vue
index 01c06e1..d153b19 100644
--- a/src/views/home.vue
+++ b/src/views/home.vue
@@ -7,6 +7,22 @@
       <div class="berth">
         <h1 class="title">泊位分布</h1>
         <div class="map" id="map"></div>
+        <!--路线规划-->
+        <div class="routebox">
+          <div class="searchbox-content-common routebox-content">
+            <div class="routebox-inputs">
+              <div class="routebox-input route-start">
+                <div class="route-input-icon"></div>
+                <input autocomplete="off" id="startAddress" maxlength="256" placeholder="输入起点" class="route-start-input" type="text" value="">
+              </div>
+              <div class="routebox-input route-end">
+                <div class="route-input-icon"></div>
+                <input autocomplete="off" id="endAddress" maxlength="256" placeholder="输入终点" class="route-end-input" type="text" value="">
+              </div>
+            </div>
+          </div>
+        </div>
+        <button id="search-button" data-title="搜索" @click='searchByStationName1()'></button>
         <div class="berth-num">
           <p>区域泊位规划</p>
           <ul class="berth-list">
@@ -19,7 +35,7 @@
         </div>
       </div>
       <div class="news-wrap">
-        <h1 class="title">新闻/公告中心</h1>
+        <h1 class="title">新闻公告中心</h1>
         <div class="fl news-bg"></div>
         <ul class="fl news-con">
           <li class="clearfix" v-for="(news,id) in newsList" :key="id" @click="showNews(news.noticeId)">
@@ -47,6 +63,7 @@
 </template>
 
 <script>
+  var map;
   import {queryParkLotInfoByOrgId,queryNoticeForPage,queryNotice} from '@/api/park';
   import pagination from '@/components/Pagination/index.vue'
   import {string2Date} from '@/filters/index';
@@ -69,8 +86,13 @@
         pageSize: 7,
         pageSizeS: [8, 16],
         pageTotal: 0,
+        from: null,
+        to: null,
+        address_detail: null, //详细地址
+        userlocation: {lng: "", lat: ""},
         //新闻详情
         newscontent:'',
+
       }
     },
     computed: {
@@ -135,36 +157,104 @@
       baiduMap(mapDatas) {
         if (mapDatas.length === 0) {
           // 百度地图API功能
-          let map = new BMap.Map("map", {enableMapClick: false});
+          map = new BMap.Map("map", {enableMapClick: false});
           let point = new BMap.Point(115.078186, 30.232887);
           map.centerAndZoom(point, 15);
           map.enableScrollWheelZoom(true);     //开启鼠标滚轮缩放
-          let top_left_control = new BMap.ScaleControl({anchor: BMAP_ANCHOR_TOP_LEFT});// 左上角，添加比例尺
+          // let top_left_control = new BMap.ScaleControl({anchor: BMAP_ANCHOR_TOP_LEFT});// 左上角，添加比例尺
           let top_left_navigation = new BMap.NavigationControl();  //左上角，添加默认缩放平移控件
           let top_right_navigation = new BMap.NavigationControl({
             anchor: BMAP_ANCHOR_TOP_RIGHT,
             type: BMAP_NAVIGATION_CONTROL_SMALL
           }); //右上角，仅包含平移和缩放按钮
-          map.addControl(top_left_control);
+          // map.addControl(top_left_control);
           map.addControl(top_left_navigation);
-          map.addControl(top_right_navigation);
+          // map.addControl(top_right_navigation);
+          const ctrl = new BMapLib.TrafficControl({
+            showPanel: true , // 是否显示路况提示面板
+          });
+          map.addControl(ctrl);
+          ctrl.showTraffic({ predictDate: { hour: 15, weekday: 5 } });
+          ctrl.setAnchor(BMAP_ANCHOR_TOP_LEFT);
+          ctrl.setOffset(new BMap.Size(85, 27));
+          var localSearch = new BMap.LocalSearch(map);
+          localSearch.enableAutoViewport(); //允许自动调节窗体大小
           map.clearOverlays();
         }
         else {
+          var th = this;
           // 百度地图API功能
-          let map = new BMap.Map("map", {enableMapClick: false});
+          map = new BMap.Map("map", {enableMapClick: false});
           let point = new BMap.Point(mapDatas[0].lonId, mapDatas[0].latId);
           map.centerAndZoom(point, 18);
           map.enableScrollWheelZoom(true);     //开启鼠标滚轮缩放
-          let top_left_control = new BMap.ScaleControl({anchor: BMAP_ANCHOR_TOP_LEFT});// 左上角，添加比例尺
+          // let top_left_control = new BMap.ScaleControl({anchor: BMAP_ANCHOR_TOP_LEFT});// 左上角，添加比例尺
           let top_left_navigation = new BMap.NavigationControl();  //左上角，添加默认缩放平移控件
           let top_right_navigation = new BMap.NavigationControl({
             anchor: BMAP_ANCHOR_TOP_RIGHT,
             type: BMAP_NAVIGATION_CONTROL_SMALL
           }); //右上角，仅包含平移和缩放按钮
-          map.addControl(top_left_control);
+          // map.addControl(top_left_control);
           map.addControl(top_left_navigation);
-          map.addControl(top_right_navigation);
+          const ctrl = new BMapLib.TrafficControl({
+            showPanel: true , // 是否显示路况提示面板
+          });
+          map.addControl(ctrl);
+          ctrl.showTraffic({ predictDate: { hour: 15, weekday: 5 } });
+          ctrl.setAnchor(BMAP_ANCHOR_TOP_LEFT);
+          ctrl.setOffset(new BMap.Size(85, 27));
+          var localSearch = new BMap.LocalSearch(map);
+          localSearch.enableAutoViewport(); //允许自动调节窗体大小
+          //起点自动搜索功能
+          var ac1 = new BMap.Autocomplete(    //建立一个自动完成的对象
+            {
+              "input": "startAddress","location": map
+            })
+          var myValue;
+          ac1.addEventListener("onconfirm", function (e) {    //鼠标点击下拉列表后的事件
+            var _value = e.item.value;
+            myValue = _value.province + _value.city + _value.district + _value.street + _value.business;
+            this.address_detail = myValue
+            setPlace();
+          });
+          function setPlace() {
+            map.clearOverlays();    //清除地图上所有覆盖物
+            function myFun() {
+              th.userlocation = local.getResults().getPoi(0).point;    //获取第一个智能搜索的结果
+              map.centerAndZoom(th.userlocation, 18);
+              map.addOverlay(new BMap.Marker(th.userlocation));    //添加标注
+            }
+
+            var local = new BMap.LocalSearch(map, { //智能搜索
+              onSearchComplete: myFun
+            });
+            local.search(myValue);
+          };
+          //终点自动搜索功能
+          var ac2 = new BMap.Autocomplete(    //建立一个自动完成的对象
+            {
+              "input": "endAddress","location": map
+            })
+          var myValue1;
+          ac2.addEventListener("onconfirm", function (e) {    //鼠标点击下拉列表后的事件
+            var _value = e.item.value;
+            myValue1 = _value.province + _value.city + _value.district + _value.street + _value.business;
+            this.address_detail = myValue1
+            setPlace1();
+          });
+          function setPlace1() {
+            map.clearOverlays();    //清除地图上所有覆盖物
+            function myFun1() {
+              th.userlocation = local.getResults().getPoi(0).point;    //获取第一个智能搜索的结果
+              map.centerAndZoom(th.userlocation, 18);
+              map.addOverlay(new BMap.Marker(th.userlocation));    //添加标注
+            }
+
+            var local = new BMap.LocalSearch(map, { //智能搜索
+              onSearchComplete: myFun1
+            });
+            local.search(myValue);
+          }
           map.clearOverlays();
           let i = 0;
           let points = [];
@@ -226,6 +316,68 @@
           }
         }
       },
+      searchByStationName1: function () {
+        var _this = this;
+        var startAddrr = document.getElementById("startAddress").value;//获得起点地名
+        var localSearch = new BMap.LocalSearch(map);
+        localSearch.setSearchCompleteCallback(function (searchResult) {
+          var poi = searchResult.getPoi(0);//获得起点经纬度坐标
+          if (poi != null) { //判断地名是否存在
+            console.log('from poi', poi);
+            _this.from = poi.point;
+            console.log('from', _this.from);
+            _this.searchByStationName2();
+          }
+          else{
+            alert("请输入正确的地名！")
+          }
+        });
+        localSearch.search(startAddrr);
+      },
+      searchByStationName2: function () {
+        var _this = this;
+        var endAddrr = document.getElementById("endAddress").value; //获得目的地地名
+        var localSearch = new BMap.LocalSearch(map);
+        localSearch.setSearchCompleteCallback(function (searchResult) {
+          var poi = searchResult.getPoi(0); //获得目的地经纬度坐标
+          if (poi != null) { //判断目的地是否存在
+            _this.to = poi.point;
+            _this.run();
+          }
+          else{
+            alert("请输入正确的地名！")
+          }
+
+        });
+        localSearch.search(endAddrr);
+      },
+      run: function () {
+        map.clearOverlays() // 清除地图上所有的覆盖物
+        var driving = new BMap.DrivingRoute(map) // 创建驾车实例
+        driving.search(this.from, this.to) // 搜索
+        let that = this;
+        driving.setSearchCompleteCallback(function () {
+          console.log('completeCallback start!');
+          var pts = driving.getResults().getPlan(0).getRoute(0).getPath() // 通过步行实例，获得一系列点的数组
+
+          var polyline = new BMap.Polyline(pts);
+          map.addOverlay(polyline);
+          console.log('pollyline!', polyline);
+          var m1 = new BMap.Marker(that.from); // 创建2个marker
+          var m2 = new BMap.Marker(that.to);
+          map.addOverlay(m1)
+          map.addOverlay(m2)
+
+          var lab1 = new BMap.Label('起点', {position: that.from}) // 创建2个label
+          var lab2 = new BMap.Label('终点', {position: that.to})
+          map.addOverlay(lab1)
+          map.addOverlay(lab2)
+          console.log('setTimeout!');
+          setTimeout(function () {
+            map.setViewport([that.from, that.to]) // 调整到最佳视野
+          }, 1000)
+        })
+      },
       //新闻中心
       getNoticeForPage(){
         let req={
@@ -303,8 +455,8 @@
     width: 323px;
     height: 368px;
     position: absolute;
-    top: 200px;
-    right: 80px;
+    bottom: 70px;
+    left: 8px;
     background: url("../assets/home/berth.png") no-repeat;
     p {
       padding-top: 20px;
@@ -376,61 +528,86 @@
       text-align: justify;
     }
   }
-/*
-  .date {
-    width: 83px;
-    height: 83px;
-    margin-right: 20px;
-    background: #FF5656;
+  #tcWrap .maplibTcColor{
+    height: 15px;
+  }
+  /*路线规划*/
+  .routebox {
+    -webkit-transition: max-height 1s ease-in;
+    transition: max-height 1s ease-in;
+    overflow: hidden;
+    position: absolute;
+    top: 160px;
+    right: 87px;
+    width: 289px;
+    height: 80px;
+  }
+  .routebox .routebox-content {
+    height: auto!important;
     position: relative;
-    h3 {
-      padding-top: 15px;
-      font-size: 32px;
-      color: rgba(255, 255, 255, 1);
-    }
-    h5 {
-      font-size: 12px;
-      text-align: right;
-      padding-right: 10px;
-      color: #Fff;
-    }
-    &:before {
-      content: '';
-      position: absolute;
-      right: 14px;
-      bottom: 36px;
-      transform: rotate(-45deg);
-      width: 25px;
-      height: 1px;
-      background: rgba(255, 255, 255, 1)
-    }
   }
-
-  .des h3 {
-    padding-bottom: 15px;
-    font-size: 20px;
-    color: #0D1A26;
-    cursor: pointer;
+  .searchbox-content .searchbox-content-common {
+    box-sizing: border-box;
+    float: left;
+    width: 329px;
+    height: 38px;
   }
-
-  .des p {
-    width: 430px;
-    line-height: 22px;
-    color: #314659;
-  }*/
-
-  /*.index_cont .dislog-wrap {
-    height: 30px;
-    line-height: 30px;
+  .routebox .routebox-content .routebox-input {
+    height: 40px;
+    width: 289px;
+    border-bottom: 1px solid #eaebed;
+    position: relative;
+  }
+  .routebox .routebox-content .routebox-input .route-input-icon {
+    width: 11px;
+    height: 10px;
+    background: url(//webmap1.bdimg.com/wolfman/static/common/images/new/start_ee17f81.png) no-repeat 0 0;
+    position: absolute;
+    top: 15px;
+    left: 3px;
+  }
+  .routebox .routebox-content .routebox-input input {
+    box-sizing: border-box;
+    border: 0;
+    height: 100%;
     width: 100%;
-    padding: 0 4px;
-    border-radius: 4px;
-    background-color: #3a8ee6;
-    color: #fff;
+    padding: 10px 0;
     font-size: 14px;
-    text-align: center;
-    white-space: nowrap;
-  }*/
+    border-left: 20px solid transparent;
+    border-right: 27px solid transparent;
+    line-height: 20px;
+    outline: 0;
+    font-family: inherit;
+  }
+  .routebox .routebox-content .routebox-input {
+    height: 40px;
+    width: 289px;
+    border-bottom: 1px solid #eaebed;
+    position: relative;
+  }
+  .routebox .routebox-content .routebox-input:last-child {
+    border-bottom: 0;
+  }
+  .routebox .routebox-content .routebox-input.route-end .route-input-icon {
+    background: url(//webmap0.bdimg.com/wolfman/static/common/images/new/end_e68ad9a.png) no-repeat 0 0;
+  }
+  #search-button {
+    pointer-events: auto;
+    background: url(//webmap1.bdimg.com/wolfman/static/common/images/new/searchbox_5c0d97d.png) no-repeat 0 -76px #3385ff;
+    width: 57px;
+    height: 38px;
+    float: left;
+    border: 0;
+    padding: 0;
+    cursor: pointer;
+    border-radius: 0 2px 2px 0;
+    box-shadow: 1px 2px 1px rgba(0,0,0,.15);
+    outline: 0;
+    font-family: inherit;
+    position: absolute;
+    top: 160px;
+    right: 30px;
+  }
   /*新闻内容 样式*/
   .news_cont h1 {
     font-size: 36px !important;
diff --git a/static/traffuccontrol.js b/static/traffuccontrol.js
new file mode 100644
index 0000000..566a894
--- /dev/null
+++ b/static/traffuccontrol.js
@@ -0,0 +1,668 @@
+var BMapLib = window.BMapLib = BMapLib || {};
+(function () {
+  var c, a = c = a || {
+    version: "1.3.9"
+  };
+  a.guid = "$BAIDU$";
+  (function () {
+    a.dom = a.dom || {};
+    a.event = a.event || {};
+    a.lang = a.lang || {};
+    a.browser = a.browser || {};
+    a.dom.addClass = function (p, q) {
+      p = a.dom.g(p);
+      var k = q.split(/\s+/),
+        j = p.className,
+        o = " " + j + " ",
+        n = 0,
+        m = k.length;
+      for (; n < m; n++) {
+        if (o.indexOf(" " + k[n] + " ") < 0) {
+          j += (j ? " " : "") + k[n]
+        }
+      }
+      p.className = j;
+      return p
+    };
+    a.addClass = a.dom.addClass;
+    a.dom.removeClass = function (p, q) {
+      p = a.dom.g(p);
+      var n = p.className.split(/\s+/),
+        r = q.split(/\s+/),
+        l, k = r.length,
+        m, o = 0;
+      for (; o < k; ++o) {
+        for (m = 0, l = n.length; m < l; ++m) {
+          if (n[m] == r[o]) {
+            n.splice(m, 1);
+            break
+          }
+        }
+      }
+      p.className = n.join(" ");
+      return p
+    };
+    a.removeClass = a.dom.removeClass;
+    a.dom.getComputedStyle = function (k, j) {
+      k = a.dom._g(k);
+      var m = a.dom.getDocument(k),
+        l;
+      if (m.defaultView && m.defaultView.getComputedStyle) {
+        l = m.defaultView.getComputedStyle(k, null);
+        if (l) {
+          return l[j] || l.getPropertyValue(j)
+        }
+      }
+      return ""
+    };
+    a.dom.getStyle = function (k, j) {
+      var m = a.dom;
+      k = m.g(k);
+      var l = k.style[j] || (k.currentStyle ? k.currentStyle[j] : "") || m.getComputedStyle(k, j);
+      return l
+    };
+    a.getStyle = a.dom.getStyle;
+    a.dom.getDocument = function (j) {
+      j = a.dom.g(j);
+      return j.nodeType == 9 ? j : j.ownerDocument || j.document
+    };
+    a.dom.g = function (j) {
+      if ("string" == typeof j || j instanceof String) {
+        return document.getElementById(j)
+      } else {
+        if (j && j.nodeName && (j.nodeType == 1 || j.nodeType == 9)) {
+          return j
+        }
+      }
+      return null
+    };
+    a.g = a.G = a.dom.g;
+    a.dom._g = function (j) {
+      if (a.lang.isString(j)) {
+        return document.getElementById(j)
+      }
+      return j
+    };
+    a._g = a.dom._g;
+    a.lang.isString = function (j) {
+      return "[object String]" == Object.prototype.toString.call(j)
+    };
+    a.isString = a.lang.isString;
+    a.event._listeners = a.event._listeners || [];
+    a.event.on = function (k, n, p) {
+      n = n.replace(/^on/i, "");
+      k = a.dom._g(k);
+      var o = function (r) {
+          p.call(k, r)
+        },
+        j = a.event._listeners,
+        m = a.event._eventFilter,
+        q, l = n;
+      n = n.toLowerCase();
+      if (m && m[n]) {
+        q = m[n](k, n, o);
+        l = q.type;
+        o = q.listener
+      }
+      if (k.addEventListener) {
+        k.addEventListener(l, o, false)
+      } else {
+        if (k.attachEvent) {
+          k.attachEvent("on" + l, o)
+        }
+      }
+      j[j.length] = [k, n, p, o, l];
+      return k
+    };
+    a.on = a.event.on;
+    a.event.un = function (l, o, k) {
+      l = a.dom._g(l);
+      o = o.replace(/^on/i, "").toLowerCase();
+      var r = a.event._listeners,
+        m = r.length,
+        n = !k,
+        q, p, j;
+      while (m--) {
+        q = r[m];
+        if (q[1] === o && q[0] === l && (n || q[2] === k)) {
+          p = q[4];
+          j = q[3];
+          if (l.removeEventListener) {
+            l.removeEventListener(p, j, false)
+          } else {
+            if (l.detachEvent) {
+              l.detachEvent("on" + p, j)
+            }
+          }
+          r.splice(m, 1)
+        }
+      }
+      return l
+    };
+    a.un = a.event.un;
+    if (/msie (\d+\.\d)/i.test(navigator.userAgent)) {
+      a.browser.ie = a.ie = document.documentMode || +RegExp["\x241"]
+    }
+    a.platform = a.platform || {};
+    a.platform.isIphone = /iphone/i.test(navigator.userAgent);
+    a.platform.isAndroid = /android/i.test(navigator.userAgent);
+    a.platform.isIpad = /ipad/i.test(navigator.userAgent);
+    a.isMobile = function () {
+      return !!(a.platform.isIphone || a.platform.isIpad || a.platform.isAndroid)
+    }
+  })();
+  var h = a.isMobile() ? "_mobile" : "_deskTop";
+  var g = BMapLib.TrafficControl = function (j) {
+    this.defaultAnchor = BMAP_ANCHOR_TOP_RIGHT;
+    this.defaultOffset = new BMap.Size(10, 10);
+    this.showPanel = j && j.showPanel
+  };
+  g.prototype = new BMap.Control();
+  g.prototype.initialize = function (l) {
+    var j = d("div", {
+      title: "显示交通流量",
+      id: "tcBtn",
+      "class": "maplibTcBtn" + h + " maplibTcBtnOff" + h
+    });
+    l.getContainer().appendChild(j);
+    this._map = l;
+    this._popUpDiv(this, j);
+    var k = this;
+    this.btn = j;
+    return j
+  };
+  g.prototype._popUpDiv = function (F, w) {
+    var F = this;
+    var x = ["查看实时路况", "流量预测"];
+    var l = ["查看流量预测", "实时路况"];
+    var A = true;
+    this.bShow = false;
+    var D = this;
+    D._bind = false;
+    b(w, "afterEnd", u());
+    b(w, "afterEnd", H());
+    var B = a.g("tcViewPrediction");
+    var t = a.g("tcPredition");
+    var G = a.g("tcTitle");
+    var n = a.g("maplibTcDay");
+    var y = a.g("tcNow");
+    var p = a.g("tcWrap");
+    var v = a.g("tcTimeBox");
+    var z = a.g("tcUpdate");
+    var j = ["一", "二", "三", "四", "五", "六", "日"];
+    var s = new E(F);
+    this.show = function () {
+      k();
+      F.bShow = true;
+      a.dom.removeClass(w, "maplibTcBtnOff" + h)
+    };
+    this.hide = function () {
+      F.bShow = false;
+      a.dom.addClass(w, "maplibTcBtnOff" + h);
+      if (a.isMobile()) {
+        a.dom.addClass("tcWrap_mobile", "maplibTfctrHide")
+      } else {
+        a.dom.addClass("tcWrap", "maplibTcHide");
+        a.dom.addClass("tcPredition", "maplibTcHide")
+      }
+      F.hideTraffic()
+    };
+    this.isbShow = function () {
+      return F.bShow
+    };
+    this.setPopOffset = function (J) {
+      var L = 24;
+      var K = J.height + L + "px";
+      var I = J.width + "px";
+      switch (F.getAnchor()) {
+        case BMAP_ANCHOR_TOP_LEFT:
+          p.style.top = K;
+          p.style.left = I;
+          break;
+        case BMAP_ANCHOR_TOP_RIGHT:
+          p.style.top = K;
+          p.style.right = I;
+          break;
+        case BMAP_ANCHOR_BOTTOM_RIGHT:
+          p.style.bottom = K;
+          p.style.right = I;
+          break;
+        case BMAP_ANCHOR_BOTTOM_LEFT:
+          p.style.bottom = K;
+          p.style.left = I;
+          break
+      }
+    };
+    var r = a.isMobile() ? "ontouchend" : "onclick";
+    a.event.on(w, r, function () {
+      o()
+    });
+    a.event.on("tcClose", "click", function (I) {
+      o()
+    });
+
+    function o() {
+      if (!D.isbShow()) {
+        D.setPopOffset(F.getOffset());
+        D.show()
+      } else {
+        D.hide()
+      }
+    }
+
+    function k() {
+      n.innerHTML = "更新时间";
+      G.innerHTML = l[1];
+      B.innerHTML = l[0];
+      a.dom.addClass(t, "maplibTcHide");
+      z.style.display = "block";
+      A = true;
+      if (a.isMobile()) {
+        if (F.showPanel) {
+          a.dom.removeClass("tcWrap_mobile", "maplibTfctrHide")
+        }
+      } else {
+        a.dom.removeClass("tcWrap", "maplibTcHide")
+      }
+      var K = a.g("tcWeek").getElementsByTagName("a");
+      for (var J = 0; J < 7; J++) {
+        K[J].className = ""
+      }
+      var I =
+        "http://its.map.baidu.com:8002/traffic/GetCurrentTime?callback=BMapLib.TrafficControl.getTime&";
+      e(I + (new Date()).getTime(), L);
+      if (F.timer) {
+        clearInterval(F.timer)
+      }
+      F.timer = setInterval(function () {
+        e(I + (new Date()).getTime(), function () {
+          if (F.bShow) {
+            var N = g.curTime;
+            var M = N.getHours();
+            var O = (M < 10 ? ("0" + M) : M) + ":" + (N.getMinutes() < 10 ? ("0" +
+              N.getMinutes()) : N.getMinutes());
+            y.innerHTML = O;
+            F.hideTraffic();
+            F.showTraffic()
+          }
+        })
+      }, 1000 * 3 * 60);
+
+      function L() {
+        var N = g.curTime;
+        var M = N.getHours();
+        if (!D._bind) {
+          C(F);
+          m(F);
+          D._bind = true
+        }
+        var O = (M < 10 ? ("0" + M) : M) + ":" + (N.getMinutes() < 10 ? ("0" + N.getMinutes()) : N.getMinutes());
+        y.innerHTML = O;
+        F.hour = M;
+        F.weekday = N.getDay() == 0 ? 7 : N.getDay();
+        F.time = O;
+        s.setBarTime(M)
+      }
+    }
+
+    function H() {
+      return '<div class="maplibTfctr maplibTfctrHide" id="tcWrap_mobile" style="position: absolute; z-index: 10; -webkit-text-size-adjust: none; bottom: 17px; right: auto; top: auto; left:50%;margin-left:-4.5em;"><div class="maplibTfctr_l"></div><div class="maplibTfctr_c">实时路况</div><div class="maplibTfctr_status"><span class="maplibR">堵</span><span class="maplibY">缓</span><span class="maplibG">畅</span></div></div>'
+    }
+
+    function u() {
+      var I = ['<div class="maplibTc maplibTcHide" id="tcWrap">'];
+      I.push('<div class="maplibTcColor" id="tcTitle">实时路况</div>');
+      I.push('<div id="tcRealTime">');
+      I.push(
+        '<div class="maplibTcTime"><span id="maplibTcDay" class="maplibTcCurTime">更新时间</span><span><span class="maplibTcColon">： </span><span class="maplibTcCurTime" id="tcNow"></span><span title="更新" id="tcUpdate" class="maplibTcUpdate"></span> <a href="javascript:void(0)" class="maplibTcView" id="tcViewPrediction">查看流量预测</a><button class="maplibTcClose" id="tcClose"></button></div></div>'
+      );
+      I.push('<div id="tcPredition" class="maplibTcHide">');
+      I.push(
+        '<div class="maplibTcWeekDay"><span>星期</span><ul id="tcWeek"><li><a lang="1" href="javascript:void(0)">一</a></li><li><a lang="2" href="javascript:void(0)">二</a></li><li><a lang="3" href="javascript:void(0)">三</a></li><li><a lang="4" href="javascript:void(0)">四</a></li><li><a lang="5" href="javascript:void(0)">五</a></li><li><a lang="6" href="javascript:void(0)">六</a></li><li><a lang="7" href="javascript:void(0)">日</a></li></ul></div>'
+      );
+      I.push('<div><div class="maplibTcRuleTxt">时间</div>');
+      I.push('<div class="maplibTcRule">');
+      I.push('<div><div class="maplibTcTimeBox" id="tcTimeBox">20:00</div></div>');
+      I.push('<div class="maplibTcTimeline" >');
+      I.push('<div class="maplibTcTimelinePrev" id="tcPrev"></div>');
+      I.push('<div class="maplibTcTimeMove" id="tcMove"></div>');
+      I.push('<div class="maplibTcTimelineNext" id="tcNext"></div>');
+      I.push("</div></div></div>");
+      I.push(
+        '<div class="maplibTcClear" style="text-align: center; color: #ccc;">（基于历史流量统计预测 仅供参考）</div>'
+      );
+      I.push("</div></div></div>");
+      return I.join("")
+    }
+
+    function C(J) {
+      a.event.on("tcViewPrediction", "click", function () {
+        if (A) {
+          I()
+        } else {
+          k()
+        }
+      });
+
+      function I() {
+        if (J.timer) {
+          clearInterval(J.timer)
+        }
+        G.innerHTML = x[1];
+        B.innerHTML = x[0];
+        a.dom.removeClass(t, "maplibTcHide");
+        z.style.display = "none";
+        A = false;
+        n.innerHTML = "星期" + j[J.weekday - 1];
+        y.innerHTML = v.innerHTML;
+        J.showTraffic({
+          predictDate: {
+            hour: J.hour,
+            weekday: J.weekday
+          }
+        })
+      }
+      a.event.on("tcUpdate", "click", function () {
+        k()
+      })
+    }
+
+    function q() {
+      n.innerHTML = "星期" + j[F.weekday - 1];
+      y.innerHTML = v.innerHTML
+    }
+
+    function m(I) {
+      a.event.on("tcWeek", "onclick", function (L) {
+        var K = L.target || L.srcElement;
+        if (K.tagName.toLowerCase() == "a") {
+          var M = a.g("tcWeek").getElementsByTagName("a");
+          for (var J = 0; J < 7; J++) {
+            M[J].className = ""
+          }
+          a.dom.addClass(K, "maplibTcOn");
+          I.weekday = (parseInt(f(K, "lang"), 10));
+          q();
+          I.showTraffic({
+            predictDate: {
+              hour: I.hour,
+              weekday: I.weekday
+            }
+          })
+        }
+      })
+    }
+
+    function E(M) {
+      var J;
+      var O = a.g("tcMove");
+
+      function N(R) {
+        a.on(document, "onmousemove", Q);
+        a.on(document, "onmouseup", I);
+        if (R && R.preventDefault) {
+          R.preventDefault()
+        } else {
+          window.event.returnValue = false
+        }
+        return false
+      }
+
+      function Q(U) {
+        var R = U.clientX || U.x;
+        var T = i(a.G("tcPrev")).left + 9;
+        var S = R - T - 4;
+        if (S < 0) {
+          S = 0
+        }
+        if (S > 165) {
+          S = 165
+        }
+        if (a.browser.ie <= 6) {
+          O.style.marginLeft = (S * 0.53) + "px"
+        } else {
+          O.style.marginLeft = S + "px"
+        }
+        v.style.marginLeft = (S) + "px";
+        L()
+      }
+
+      function I() {
+        a.un(document, "onmousemove", Q);
+        a.un(document, "onmouseup", I);
+        M.showTraffic({
+          predictDate: {
+            hour: M.hour,
+            weekday: M.weekday
+          }
+        })
+      }
+      a.on(O, "onmousedown", N);
+      a.on("tcPrev", "click", function () {
+        P("prev")
+      });
+      a.on("tcNext", "click", function () {
+        P("next")
+      });
+
+      function P(R) {
+        var S = v;
+        var T = parseInt(a.dom.getStyle("tcTimeBox", "marginLeft"));
+        var U = Math.ceil((T - 4) * 24 / 165);
+        K(R == "next" ? (U + 1) : (U - 1))
+      }
+      this.setBarTime = function (R) {
+        K(R)
+      };
+
+      function K(T) {
+        if (T < 0) {
+          T = 0
+        }
+        if (T > 24) {
+          T = 24
+        }
+        J = T;
+        var S = T * (165 / 24);
+        v.style.marginLeft = S + "px";
+        var R = a.g("tcMove");
+        if (a.browser.ie <= 6 && a.browser.ie > 0) {
+          R.style.marginLeft = (S * 0.53) + "px"
+        } else {
+          R.style.marginLeft = S + "px"
+        }
+        M.hour = J;
+        if (A) {
+          M.showTraffic()
+        } else {
+          M.showTraffic({
+            predictDate: {
+              hour: M.hour,
+              weekday: M.weekday
+            }
+          })
+        }
+        L()
+      }
+
+      function L() {
+        var R = parseInt(v.style.marginLeft);
+        var S = Math.ceil((R - 4) * 24 / 165);
+        J = S;
+        M.hour = S;
+        if (S < 10) {
+          S = "0" + S
+        }
+        if (A) {
+          y.innerHTML = M.time;
+          v.innerHTML = S + ":00"
+        } else {
+          y.innerHTML = v.innerHTML = S + ":00"
+        }
+      }
+    }
+  };
+  g.prototype.showTraffic = function (j) {
+    var k;
+    if (this._trafficLayer) {
+      this._map.removeTileLayer(this._trafficLayer)
+    }
+    if (j) {
+      if (j.predictDate.weekday > 7 || j.predictDate.weekday < 1) {
+        return
+      }
+      k = new BMap.TrafficLayer(j)
+    } else {
+      k = new BMap.TrafficLayer()
+    }
+    this.bShow = true;
+    if (a.isMobile()) {
+      a.dom.removeClass(this.btn, "maplibTcBtnOff" + h)
+    }
+    this._map.addTileLayer(k);
+    this._trafficLayer = k
+  };
+  g.prototype.hideTraffic = function () {
+    this.bShow = false;
+    if (this._trafficLayer) {
+      this._map.removeTileLayer(this._trafficLayer);
+      this._trafficLayer = null
+    }
+    if (a.isMobile()) {
+      a.dom.addClass(this.btn, "maplibTcBtnOff" + h)
+    }
+  };
+  g.prototype.remove = function () {
+    this.hideTraffic();
+    var j = a.g("tcWrap");
+    j.parentNode.removeChild(j);
+    BMap.Control.prototype.remove.call(this);
+    if (this.timer) {
+      clearInterval(this.timer)
+    }
+  };
+
+  function f(k, j, l) {
+    if (!j || j.constructor != String) {
+      return ""
+    }
+    j = {
+      "for": "htmlFor",
+      "class": "className"
+    } [j] || j;
+    if (typeof l != "undefined") {
+      k[j] = l;
+      if (k.setAttribute) {
+        k.setAttribute(j, l)
+      }
+    }
+    return k[j] || k.getAttribute(j) || ""
+  }
+
+  function d(l, k) {
+    var n = document.createElement(l);
+    k = k || {};
+    for (var m in k) {
+      value = k[m];
+      m = j()[m] || m;
+      if (m == "style") {
+        n.style.cssText = value;
+        continue
+      }
+      if (n.setAttribute) {
+        n.setAttribute(m, value)
+      } else {
+        try {
+          n[m] = value
+        } catch (n) {}
+      }
+    }
+    return n;
+
+    function j() {
+      var o = {
+        cellpadding: "cellPadding",
+        cellspacing: "cellSpacing",
+        colspan: "colSpan",
+        rowspan: "rowSpan",
+        valign: "vAlign"
+      };
+      if (a.browser.ie < 8) {
+        o["for"] = "htmlFor";
+        o["class"] = "className"
+      } else {
+        o.htmlFor = "for";
+        o.className = "class"
+      }
+      return o
+    }
+  }
+
+  function i(j) {
+    var k = {
+      left: 0,
+      top: 0
+    };
+    while (j && j.offsetParent) {
+      k.left += j.offsetLeft;
+      k.top += j.offsetTop;
+      j = j.offsetParent
+    }
+    return k
+  }
+
+  function b(m, j, l) {
+    var k, n;
+    if (m.insertAdjacentHTML) {
+      m.insertAdjacentHTML(j, l)
+    } else {
+      k = m.ownerDocument.createRange();
+      j = j.toUpperCase();
+      if (j == "AFTERBEGIN" || j == "BEFOREEND") {
+        k.selectNodeContents(m);
+        k.collapse(j == "AFTERBEGIN")
+      } else {
+        n = j == "BEFOREBEGIN";
+        k[n ? "setStartBefore" : "setEndAfter"](m);
+        k.collapse(n)
+      }
+      k.insertNode(k.createContextualFragment(l))
+    }
+    return m
+  }
+
+  function e(k, l) {
+    var j = document.createElement("script");
+    j.setAttribute("src", k);
+    j.setAttribute("type", "text/javascript");
+    j.setAttribute("charset", "gbk");
+    if (j.addEventListener) {
+      j.addEventListener("load", function (n) {
+        var m = n.target;
+        m.parentNode.removeChild(m);
+        if (l) {
+          l()
+        }
+      }, false)
+    } else {
+      if (j.attachEvent) {
+        j.attachEvent("onreadystatechange", function (n) {
+          var m = window.event.srcElement;
+          if (m && (m.readyState == "loaded" || m.readyState == "complete")) {
+            m.parentNode.removeChild(m);
+            if (l) {
+              l()
+            }
+          }
+        })
+      }
+    }
+    setTimeout(function () {
+      document.getElementsByTagName("head")[0].appendChild(j);
+      j = null
+    }, 1)
+  }
+  g.getTime = function (j) {
+    this.curTime = isNaN(j) ? new Date() : new Date(j)
+  }
+})();
--
libgit2 0.21.4

