latest ui 08/16/2019 19:27:31

package-lock.json

@@ -2098,6 +2098,11 @@
         }
       }
     },
+    "classlist.js": {
+      "version": "1.1.20150312",
+      "resolved": "https://registry.npm.taobao.org/classlist.js/download/classlist.js-1.1.20150312.tgz",
+      "integrity": "sha1-HXCEL3Ai8I2awIbOaeWyUPLFd4k="
+    },
     "clean-css": {
       "version": "4.2.1",
       "resolved": "https://registry.npm.taobao.org/clean-css/download/clean-css-4.2.1.tgz",
@@ -2595,7 +2600,7 @@
     },
     "date-fns": {
       "version": "1.30.1",
-      "resolved": "https://registry.npm.taobao.org/date-fns/download/date-fns-1.30.1.tgz",
+      "resolved": "https://registry.npm.taobao.org/date-fns/download/date-fns-1.30.1.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fdate-fns%2Fdownload%2Fdate-fns-1.30.1.tgz",
       "integrity": "sha1-LnG/CxGRU9u0zE6I2epaz7UNwFw="
     },
     "date-format": {
@@ -10001,6 +10006,11 @@
         "minimalistic-assert": "^1.0.0"
       }
     },
+    "web-animations-js": {
+      "version": "2.3.2",
+      "resolved": "https://registry.npm.taobao.org/web-animations-js/download/web-animations-js-2.3.2.tgz",
+      "integrity": "sha1-pRljo1nFQ/l7R8fUvC2BH5/J4VM="
+    },
     "webdriver-js-extender": {
       "version": "2.1.0",
       "resolved": "https://registry.npm.taobao.org/webdriver-js-extender/download/webdriver-js-extender-2.1.0.tgz",

package.json

@@ -3,7 +3,7 @@
   "version": "0.0.0",
   "scripts": {
     "ng": "ng",
-    "start": "ng serve --port 8008 --host 0.0.0.0  --proxy--config proxy.json",
+    "start": "ng serve --port 8008 --host 0.0.0.0  --proxy--config proxy.json --disableHostCheck",
     "build": "ng build --prod --build-optimizer && npm run publish-to-backend ",
     "publish-to-backend": "Powershell.exe -executionpolicy remotesigned -File  publish-to-backend.ps1",
     "test": "ng test",
@@ -24,11 +24,13 @@
     "@fortawesome/fontawesome-svg-core": "^1.2.19",
     "@fortawesome/free-solid-svg-icons": "^5.9.0",
     "angular2-baidu-map": "^4.7.0",
+    "classlist.js": "^1.1.20150312",
     "core-js": "^2.5.4",
     "ng-zorro-antd": "^7.5.1",
     "ngx-color-picker": "^8.1.0",
     "rxjs": "~6.3.3",
     "tslib": "^1.9.0",
+    "web-animations-js": "^2.3.2",
     "zone.js": "~0.8.26"
   },
   "devDependencies": {

src/app/login/login.component.ts

@@ -30,10 +30,8 @@ export class LoginComponent implements OnInit {
         localStorage.setItem("userName",this.validateForm.value.userName);
         localStorage.setItem("password",this.validateForm.value.password);
       }
-       let urlParams:URLSearchParams = new URLSearchParams();
        
-
-        this.http.get(`${this.s.basePath}/user/login/${this.validateForm.value.userName}/${this.validateForm.value.password}`).subscribe(res=>{
+        this.http.post(`${this.s.basePath}/user/login`, {userName:this.validateForm.value.userName,password:this.validateForm.value.password}).subscribe(res=>{
           if((res as any).code==1){
             location.href = "./#/home";
           }else{

src/app/main/main.component.html

@@ -35,29 +35,29 @@
 
       <div class="proj-info" *ngIf="!highShow">
         <label>
-          <div>
+          <div class="ie-fix1">
 
             项目总数：
           </div>
-          <div>
+          <div class="ie-fix">
             {{staticHighWay.total}}个
           </div>
         </label>
         <label>
-          <div>
+          <div class="ie-fix1">
 
             总建设里程：
           </div>
-          <div>
+          <div class="ie-fix">
             {{staticHighWay.mileage}}Km
           </div>
         </label>
         <label>
-          <div>
+          <div class="ie-fix1">
 
             总投资：
           </div>
-          <div>
+          <div class="ie-fix">
             {{staticHighWay.capital}}亿
           </div>
         </label>
@@ -74,29 +74,29 @@
 
       <div class="proj-info" *ngIf="!normalShow">
         <label>
-          <div>
+          <div class="ie-fix1">
 
             项目总数：
           </div>
-          <div>
+          <div class="ie-fix">
             {{staticNormal.total}}个
           </div>
         </label>
         <label>
-          <div>
+          <div class="ie-fix1">
 
             总建设里程：
           </div>
-          <div>
+          <div class="ie-fix">
             {{staticNormal.mileage}}Km
           </div>
         </label>
         <label>
-          <div>
+          <div class="ie-fix1">
 
             总投资：
           </div>
-          <div>
+          <div class="ie-fix">
             {{staticNormal.capital}}亿
           </div>
         </label>

src/app/main/main.component.less

@@ -57,9 +57,9 @@
 
     .left{
         
-        width: 292px;
+        width: 301px;
         position: absolute;
-        top: 188px;
+        top: 15%;
         display: flex;
         flex-direction: column;
     }
@@ -79,11 +79,16 @@ baidu-map{
 }
 
 .function{
+  
+    // right: 128px;
+    // /* bottom: 60px; */
+    // top: 106px;
+    // width: 35px;
     position: absolute;
-    right: 128px;
-    /* bottom: 60px; */
-    top: 106px;
-    width: 35px;
+    right: 10%;
+    top: 10%;
+    width: 2em;
+
     img{
         background:#3170f8;
         /*box-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #4a83b4, 0 0 35px #4a83b4, 0 0 40px #4a83b4, 0 0 50px #4a83b4, 0 0 75px #4a83b4;*/
@@ -103,8 +108,11 @@ baidu-map{
 .proj-info{
   
     label{
+        display: -ms-grid;
         display: grid;
-        grid-template-columns: 70% auto;
+        -ms-grid-columns: 70% 30%;
+        grid-template-columns: 70% 30%;
+ 
         color: #eaab4e;
         padding-top: 1em;
         font-size: 22px;
@@ -204,4 +212,99 @@ fieldset{
     >.tooltip{
         margin-bottom:1em;
     }
-}
\ No newline at end of file
+}
+
+@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
+    /* IE10+ CSS styles go here */
+      // body{
+      //   background:red;
+      // }
+      .ie-fix1{
+          display:inline-block;
+      }
+ .ie-fix{
+      float:right;
+ }
+
+        .proj-info{
+       
+            label{
+                display:inline-block;
+            }
+        }
+    }
+
+
+    /* 
+  ##Device = Desktops
+  ##Screen = 1281px to higher resolution desktops
+*/
+
+@media (min-width: 1281px) {
+  
+    //CSS
+    
+  }
+  
+  /* 
+    ##Device = Laptops, Desktops
+    ##Screen = B/w 1025px to 1280px
+  */
+  
+  @media (min-width: 1025px) and (max-width: 1380px) {
+    .main{
+        .left{
+            width:250px;
+        }
+    }
+
+    legend{
+        width:24%!important;
+      }
+    //CSS
+    
+  }
+  
+  /* 
+    ##Device = Tablets, Ipads (portrait)
+    ##Screen = B/w 768px to 1024px
+  */
+  
+  @media (min-width: 768px) and (max-width: 1024px) {
+    
+    //CSS
+    
+  }
+  
+  /* 
+    ##Device = Tablets, Ipads (landscape)
+    ##Screen = B/w 768px to 1024px
+  */
+  
+  @media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
+    
+    //CSS
+    
+  }
+  
+  /* 
+    ##Device = Low Resolution Tablets, Mobiles (Landscape)
+    ##Screen = B/w 481px to 767px
+  */
+  
+  @media (min-width: 481px) and (max-width: 767px) {
+    
+    //CSS
+    
+  }
+  
+  /* 
+    ##Device = Most of the Smartphones Mobiles (Portrait)
+    ##Screen = B/w 320px to 479px
+  */
+  
+  @media (min-width: 320px) and (max-width: 480px) {
+    
+    //CSS
+    
+  }
\ No newline at end of file

src/app/main/main.component.ts

@@ -217,7 +217,9 @@ export class MainComponent implements OnInit {
           const element = collections[key];
           const mark = marks[key];
           (element as any).style.fontSize=maping[curZoom]+"px";
-          (mark as any).style.fontSize=maping[curZoom]+"px";
+          if(mark){
+            (mark as any).style.fontSize=maping[curZoom]+"px";
+          }
         }
       }
     });
@@ -373,8 +375,12 @@ export class MainComponent implements OnInit {
          this.wheelEvent.target=document.getElementById("baidu-map");
          setTimeout(() => {
            
-            (window as any).xiaolinMouseWheel(this.wheelEvent);
-            (window as any).xiaolinMouseWheel(this.wheelEvent);
+            if(!this.m.isIE()){
+              (window as any).xiaolinMouseWheel(this.wheelEvent);
+              (window as any).xiaolinMouseWheel(this.wheelEvent);
+            }else{
+                this.map.centerAndZoom(view.center,view.zoom);
+            }
 
          }, 500);
          obj.hadZoom=true;

src/app/services/map.service.ts

@@ -293,4 +293,16 @@ clearMapLocal(){
   return curveCoordinates;
 }
 
+
+ isIE() {
+  const match = navigator.userAgent.search(/(?:Edge|MSIE|Trident\/.*; rv:)/);
+  let isIE = false;
+
+  if (match !== -1) {
+      isIE = true;
+  }
+
+  return isIE;
+}
+
 }

src/app/video/video.component.html

@@ -5,8 +5,8 @@
   </h1>
 
 <div class="main">
-  <div>
-    <button (click)="back()">返回</button>
+  <div class="left">
+    <button class="ie-fix-button" (click)="back()">返回</button>
 
     <nz-tree [nzShowIcon]="true" [nzTreeTemplate]="nzTreeTemplate" [nzData]="nodes" nzAsyncData
     (nzClick)="addVCR($event)" (nzExpandChange)="nzEvent($event)">
@@ -53,4 +53,4 @@
 <nz-modal [(nzVisible)]="isVisible" nzTitle="" (nzOnCancel)="handleCancel()" (nzOnOk)="handleOk()">
     <p>插件启动失败，请检查插件是否安装！</p>
     <p>下载地址：<a href="/assets/VideoWebPlugin.exe">VideoWebPlugin.exe</a></p>
-  </nz-modal>
\ No newline at end of file
+  </nz-modal>

src/app/video/video.component.less

@@ -31,6 +31,7 @@
 #playWnd{
     width:1000px;
     height: 500px;
+    // border:1px solid red;
 }
 button{
 
@@ -48,4 +49,18 @@ button{
        left: -8px;
        border: 2px solid #f3f42678;
 
-}
\ No newline at end of file
+}
+
+@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
+    /* IE10+ CSS styles go here */
+      // body{
+      //   background:red;
+      // }
+            .left{
+                 float:left;
+            }
+            .right{
+                margin-left:18%;
+            }
+      
+    }
\ No newline at end of file

src/app/video/video.component.ts

@@ -40,7 +40,7 @@ export class VideoComponent implements OnInit {
     console.log(event);
     // load child async
     if (event.eventName === 'expand') {
-      const node = event.node;
+      var node = event.node;
       var request = null;
       switch (node.level) {
         case 0://项目
@@ -57,19 +57,28 @@ export class VideoComponent implements OnInit {
           break;
       }
       if (node && node.getChildren().length === 0 && node.isExpanded) {
-
+       console.log('in node')
        this.http.get( this.d.basePath+ request+node.key).subscribe(res=>{
-
+        console.log('in node2')
           if(node.level==2){
-             (res as any).data.forEach((element,index) => {
-               this.preview2(element.cameraIndexCode,index+1)
-
-             });
- 
+            //  (res as any).data.forEach((element,index) => {
+            //    this.preview2(element.cameraIndexCode,index+1)
+            console.log('in node4')
+            //  });
+            console.log(res)
+            for(var i=0;i<(res as any).data.length;i++){
+              console.log('in node5')
+              this.preview2((res as any).data[i].cameraIndexCode,i+1);
+            }
             // concat(...previews);
             //of('test').pipe(...concatMaps);
           }
-          node.addChildren((res as any).data.map((d,index)=>({title:d.name || d.cameraName,key:d.id ||d.cameraIndexCode,index:index,isLeaf:node.level==2 })));
+  
+          //node.addChildren((res as any).data.map((d,index)=>({title:d.name || d.cameraName,key:d.id ||d.cameraIndexCode,index:index,isLeaf:node.level==2 })));
+           node.addChildren((res as any).data.map(function(d,index){
+             //alert(d.id ||d.cameraIndexCode);
+             return {title:d.name || d.cameraName,key:d.id ||d.cameraIndexCode,index:index,isLeaf:node.level==2 }
+           }))
         });
       }
       // if (node && node.getChildren().length === 0 && node.isExpanded) {
@@ -80,6 +89,9 @@ export class VideoComponent implements OnInit {
     }
   }
   addVCR($event:Required<NzFormatEmitEvent>){
+      if($event.node.level<2){
+         $event.node.setExpanded(true);
+      }
       this.preview2($event.node.key,0);
   }
   loadNode(): Promise<NzTreeNodeOptions[]> {

src/assets/getmodules/opmb_3awlxd.js

+_jsload2 && _jsload2('opmb', 'var jh=t,kh=s; D.We(function(a){function b(){f&&(f=t,g=s,i||a.dispatchEvent(m))}function c(c){f=p;m=ma(new Q("ontouch"),c);g=new R(c.changedTouches[0].clientX,c.changedTouches[0].clientY);var i=e("onclickex",c);setTimeout(function(){b();a.dispatchEvent(i)},a.U.sV);jh||a.dispatchEvent(e("onclick",c))}function e(b,c){for(var e=new Q(b),f=c.target,g=s,i=s;f&&f!==a.Ya;){if(f.ea){var k=z.lang.Mc(f.ea);k instanceof ib&&"canvas"!==f.nodeName.toLowerCase()&&(g=k);k instanceof tc&&(i=k)}f=f.offsetParent}for(var f=c.changedTouches[0].pageX, k=c.changedTouches[0].pageY,m=a.Ya;m&&m!=document.body;)f-=m.offsetLeft,k-=m.offsetTop,m=m.offsetParent;e.offsetX=f;e.offsetY=k;e.pixel=e.mb=new R(e.offsetX,e.offsetY);e.point=e.point=a.Ib(e.mb);e.overlay=e.sb=g;e.infoWindow=i;return e}a.U.sV=500;var f=t,g,i=t,k=t,m;z.V(a.Ua(),"touchmove",function(b){a.U.Wb&&b.preventDefault()});z.V(a.platform,"touchstart",function(b){jh=t;kh=setTimeout(function(){jh=p;a.dispatchEvent(ma(e("onlongpress",b),b))},1E3);a.U.Wb&&oa(b);k=t;a.dispatchEvent(ma(e("ontouchstart", b),b));a.U.Wb&&Db(b)});z.V(a.platform,"touchmove",function(b){a.U.Wb&&oa(b);k=p;a.dispatchEvent(ma(e("ontouchmove",b),b))});z.V(a.platform,"touchend",function(m){clearTimeout(kh);a.U.Wb&&Db(m);k||(f?(i=p,jh||a.dispatchEvent(e("onclick",m)),20>Fb(g,new R(m.changedTouches[0].clientX,m.changedTouches[0].clientY))?(a.dispatchEvent(e("ondblclick",m)),a.dispatchEvent(ma(new Q("ondbltouch"),m))):a.dispatchEvent(ma(e("ontouchend",m),m)),b(),i=t):c(m));a.dispatchEvent(ma(e("ontouchend",m),m))});z.V(a.platform, "gesturestart",function(b){b.preventDefault();a.dispatchEvent(ma(new Q("ongesturestart"),b))});z.V(a.platform,"gesturechange",function(b){b.preventDefault();a.dispatchEvent(ma(new Q("ongesturechange"),b))});z.V(a.platform,"gestureend",function(b){b.preventDefault();a.dispatchEvent(ma(new Q("ongestureend"),b))})}); D.We(function(a){function b(a){a&&(E.WebkitTransform="");m=k=0;n=1;o[0].x=o[0].y=o[1].x=o[1].y=0;A=t}function c(){if(z.platform.jj)if(/Nexus/.test(navigator.userAgent))a.U.Wb&&(E.left=a.offsetX+k+"px",E.top=a.offsetY+m+"px");else{if(a.U.Wb&&(E.left=a.offsetX+k*n+"px",E.top=a.offsetY+m*n+"px"),1!=n)E.WebkitTransform=a.U.Yr?"scale("+n+") ":""}else E.WebkitTransform=(a.U.Wb?"translate("+k*n+"px, "+m*n+"px) ":"")+(a.U.Yr?"scale("+n+") ":"")}function e(){var b=0,c=0;lh&&(c=b=0);E.WebkitTransformOrigin= a.U.Wb?(o[0].x+o[1].x)/2-a.offsetX-b+"px "+((o[0].y+o[1].y)/2-a.offsetY-c)+"px":Math.round(a.width/2)+"px "+Math.round(a.height/2)+"px"}function f(b,c){var e=new Q(b),f=g(c.changedTouches[0].pageX,c.changedTouches[0].pageY);e.offsetX=f.x;e.offsetY=f.y;e.mb=new R(e.offsetX,e.offsetY);e.point=a.Ib(e.mb);return e}function g(b,c){for(var e=a.Ya;e&&e!=document.body;)b-=e.offsetLeft,c-=e.offsetTop,e=e.offsetParent;return new R(b,c)}function i(a){for(var b=[],c,e=0,f=a.touches.length;e<f;e++)c=a.touches[e], b.push({x:c.pageX,y:c.pageY});return b}var k=0,m=0,n=1,o=[{x:0,y:0},{x:0,y:0}],q=0,v=0,w=t,y=t,A=t,B=s,C,F,E=a.platform.style;a.addEventListener("touchstart",function(b){if(!(b.sb instanceof V)){C=i(b);var c=b.targetTouches.length;q+=c;2<q&&(q=2);var e=a.$;2==c&&(e.jH=p);e.qb&&e.qb.stop();1==q?(this.$.pT=k,this.$.qT=m,b=g(b.targetTouches[0].pageX,b.targetTouches[0].pageY),o[0].x=b.x,o[0].y=b.y):2==q&&(b=g(b.touches[c-1].pageX,b.touches[c-1].pageY),o[1].x=b.x,o[1].y=b.y)}});a.addEventListener("touchmove", function(b){if(4<=z.mB&&2<=b.changedTouches.length){F=i(b);var E=2==C.length&&2==F.length?Fb(F[0],F[1])/Fb(C[0],C[1]):1;0<Math.abs(1-E)&&(n=E,y=p,clearTimeout(kh),e())}if(y&&!(2>b.changedTouches.length)){for(E=b.target;E&&E!=a.Ya;)E.Tw&&z.lang.Mc(E.Tw),E=E.offsetParent;for(var E=[],L=0;2>L;L++){for(var M=b.changedTouches[L].pageX,T=b.changedTouches[L].pageY,da=a.Ya;da&&da!=document.body;)M-=da.offsetLeft,T-=da.offsetTop,da=da.offsetParent;E[L]={x:M,y:T}}B=new R((E[0].x+E[1].x)/2,(E[0].y+E[1].y)/2)}E= b.targetTouches.length;M=g(b.touches[0].pageX,b.touches[0].pageY);1==q&&2!=v&&(k+=M.x-o[0].x,m+=M.y-o[0].y,o[0].x=M.x,o[0].y=M.y,c(),A=p);if(2==q){var T=o[0].x,da=o[0].y,ba=o[1].x,va=o[1].y;if(A){for(M=0;M<E;M++)L=g(b.touches[M].pageX,b.touches[M].pageY),Fb(L,new R(o[0].x,o[0].y))<Fb(L,new R(o[1].x,o[1].y))?(o[0].x=L.x,o[0].y=L.y):(o[1].x=L.x,o[1].y=L.y);k+=(o[0].x-T+o[1].x-ba)/2;m+=(o[0].y-da+o[1].y-va)/2;c()}else if(L=new R(o[0].x,o[0].y),1==E&&(30>Fb(L,M)?(o[0].x=M.x,o[0].y=M.y):(A=p,o[1].x=M.x, o[1].y=M.y)),2==E)T=g(b.touches[1].pageX,b.touches[1].pageY),30>Fb(M,T)?(o[0].x=T.x,o[0].y=T.y):(Fb(L,M)<Fb(L,T)?(o[0].x=M.x,o[0].y=M.y,o[1].x=T.x,o[1].y=T.y):(o[1].x=M.x,o[1].y=M.y,o[0].x=T.x,o[0].y=T.y),A=p)}if(1==q&&2==v){for(M=0;M<E;M++)L=g(b.touches[M].pageX,b.touches[M].pageY),Fb(L,new R(o[0].x,o[0].y))<Fb(L,new R(o[1].x,o[1].y))?(k+=L.x-o[0].x,m+=L.y-o[0].y,o[0].x=L.x,o[0].y=L.y):(k+=L.x-o[1].x,m+=L.y-o[1].y,o[1].x=L.x,o[1].y=L.y);c()}1==q&&this.U.Wb&&(E=this.$,E.Mj||(E.Mj=p,b=f("ondragstart", b),a.dispatchEvent(b),a.dispatchEvent(new Q("onmovestart")),E.$B=b.mb,E.aC=eb(),w=p),E.Ms=eb(),a.dispatchEvent(new Q("ondragging")))});a.addEventListener("touchend",function(c){e();v=q;this.$.jH?(q=c.targetTouches.length,delete this.$.jH):q--; -1==q&&(q=0);z.platform.jj&&(q=0);if(0==q){if(y){var g=0,i=a.ka();a.Bc=a.Va;this.U.Yr&&(g=Math.round(Math.log(n)/Math.log(2)),i=Math.max(Math.min(a.ka()+g,a.U.pc),a.U.gc));var A=a.va().dc(i),C=B;C||(C=new R((o[0].x+o[1].x)/2,(o[0].y+o[1].y)/2));var E;E=C;var F= a.fc,va=a.va().dc(a.Bc);E=new J(F.lng+va*(E.x-a.width/2),F.lat-va*(E.y-a.height/2));A=new J(E.lng+(a.width/2-C.x)*A,E.lat-(a.height/2-C.y)*A);A=S.cc(A);A=a.Rb(A);g=new R(A.x-k*n/Math.pow(2,g),A.y-m*n/Math.pow(2,g));A=a.U.Wb?a.Ib(g):a.Bb();if(g=a.$g())if(g=g.ja())g=a.Rb(g,a.Bc),a.Wj(a.width/2-g.x,a.height/2-g.y,a.Ib(g,a.Bc),p);a.Ed(A,i)}if(k!=this.$.pT||m!=this.$.qT)w&&!y&&(c=f("ondragend",c),mh(a,c,c.mb,{x:k,y:m}),w=t),y?b(p):b(t);y=a.$.Mj=t;v=0}});a.addEventListener("gesturechange",function(a){n= a.scale;y=p;clearTimeout(kh);e()})}); function mh(a,b,c,e){var f=a.platform.style;if(a.U.vw){var g=a.$,i=eb();if(140<i-g.Ms)setTimeout(function(){f.WebkitTransform=""},0),setTimeout(function(){a.Je(a.offsetX+e.x,a.offsetY+e.y)},0),window.setTimeout(function(){a.dispatchEvent(new Q("onmoveend"));g.Mj=t},0),window.setTimeout(function(){a.dispatchEvent(b)},0);else{var k=g.$B,m=[0<c.x-k.x?1:-1,0<c.y-k.y?1:-1],i=Fb(k,c)/((i-g.aC)/1E3)/2,n=i/1.6,o=0.5*n*i/1E3,q=Math.abs(k.x-c.x),v=0,w=0;0==Math.abs(k.y-c.y)?v=q:(c=Math.abs(k.x-c.x)/Math.abs(k.y- c.y),w=Math.round(Math.sqrt(o*o/(1+c*c))),v=Math.round(c*w));-1==m[0]&&(v=-v);-1==m[1]&&(w=-w);g.qb&&g.qb.stop();var y=i/1E3,A=a.offsetX,B=a.offsetY;g.qb=new ub({duration:n,Hc:25,$b:function(a){a=a*y/1.6;return y*a-0.8*a*a},za:function(b){b=b*3.2/(y*y);if(z.platform.jj){f.left=a.offsetX+e.x+Math.round(b*v)+"px";f.top=a.offsetY+e.y+Math.round(b*w)+"px"}else f.WebkitTransform="translate("+(e.x+Math.round(b*v))+"px ,"+(e.y+Math.round(b*w))+"px)"},finish:function(){g.qb=s;setTimeout(function(){f.WebkitTransform= ""},0);setTimeout(function(){a.Je(A+e.x+Math.round(v),B+e.y+Math.round(w))},0);setTimeout(function(){a.dispatchEvent(new Q("onmoveend"))},0);window.setTimeout(function(){a.dispatchEvent(b)},0)},Ws:function(b){g.qb=s;b=b*3.2/(y*y);setTimeout(function(){f.WebkitTransform=""},0);setTimeout(function(){a.Je(A+e.x+Math.round(b*v),B+e.y+Math.round(b*w))},0);setTimeout(function(){a.dispatchEvent(new Q("onmoveend"))},0)}})}}else window.setTimeout(function(){f.WebkitTransform=""},0),window.setTimeout(function(){a.Je(a.offsetX+ e.x,a.offsetY+e.y)},0),window.setTimeout(function(){a.dispatchEvent(new Q("onmoveend"))},0)}var lh=-1<navigator.userAgent.indexOf("iPhone OS 5_")?p:t; ');

src/assets/mapv.js

@@ -625,7 +625,9 @@
                 case 'LineString':
 
     
-                    this.render(coordinates.map(c => ({ x: c[0], y: c[1],r:20 })),cordId, context);
+                    this.render(coordinates.map(function(c){
+                        return { x: c[0], y: c[1],r:20 }
+                    } ),cordId, context);
 
                     // for (var j = 0; j < coordinates.length; j++) {
                     //     var x = coordinates[j][0];

src/index.html

@@ -4,31 +4,23 @@
   <meta charset="utf-8">
   <title>Map</title>
   <base href="/">
-<!-- pre-zone polyfills -->
-<script src="node_modules/core-js/client/shim.min.js"></script>
-<script src="node_modules/web-animations-js/web-animations.min.js"></script>
-<script>
-  /**
-   * you can configure some zone flags which can disable zone interception for some
-   * asynchronous activities to improve startup performance - use these options only
-   * if you know what you are doing as it could result in hard to trace down bugs..
-   */
-  // __Zone_disable_requestAnimationFrame = true; // disable patch requestAnimationFrame
-  // __Zone_disable_on_property = true; // disable patch onProperty such as onclick
-  // __zone_symbol__BLACK_LISTED_EVENTS = ['scroll', 'mousemove']; // disable patch specified eventNames
 
-  /*
-   * in IE/Edge developer tools, the addEventListener will also be wrapped by zone.js
-   * with the following flag, it will bypass `zone.js` patch for IE/Edge
-   */
-  // __Zone_enable_cross_context_check = true;
-</script>
-<!-- zone.js required by Angular -->
-<script src="node_modules/zone.js/dist/zone.js"></script>
 
 <!-- application polyfills -->
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <link rel="icon" type="image/x-icon" href="favicon.ico">
+  <script>
+  Element.prototype.remove = function() {
+    this.parentElement.removeChild(this);
+}
+NodeList.prototype.remove = HTMLCollection.prototype.remove = function() {
+    for(var i = this.length - 1; i >= 0; i--) {
+        if(this[i] && this[i].parentElement) {
+            this[i].parentElement.removeChild(this[i]);
+        }
+    }
+}
+  </script>
  <script src="assets/map_load.js"></script>
   <link rel="stylesheet" href="assets/DrawingManager_min.css" />
   <style>

src/polyfills.ts

@@ -19,15 +19,15 @@
  */
 
 /** IE10 and IE11 requires the following for NgClass support on SVG elements */
-// import 'classlist.js';  // Run `npm install --save classlist.js`.
+//import 'classlist.js';  // Run `npm install --save classlist.js`.
 
 /**
  * Web Animations `@angular/platform-browser/animations`
  * Only required if AnimationBuilder is used within the application and using IE/Edge or Safari.
  * Standard animation support in Angular DOES NOT require any polyfills (as of Angular 6.0).
  */
-// import 'web-animations-js';  // Run `npm install --save web-animations-js`.
-
+//import 'web-animations-js';  // Run `npm install --save web-animations-js`.
+//import './zone-flags.ts';
 /**
  * By default, zone.js will patch all possible macroTask and DomEvents
  * user can disable parts of macroTask/DomEvents patch by setting following flags
@@ -51,13 +51,42 @@
  *  (window as any).__Zone_enable_cross_context_check = true;
  *
  */
-
+/** IE9, IE10 and IE11 requires all of the following polyfills. **/
+import 'core-js/es6/symbol';
+import 'core-js/es6/object';
+import 'core-js/es6/function';
+import 'core-js/es6/parse-int';
+import 'core-js/es6/parse-float';
+import 'core-js/es6/number';
+import 'core-js/es6/math';
+import 'core-js/es6/string';
+import 'core-js/es6/date';
+import 'core-js/es6/array';
+import 'core-js/es6/regexp';
+import 'core-js/es6/map';
+import 'core-js/es6/weak-map';
+import 'core-js/es6/set';
+import 'core-js/es7/object';
+import 'core-js/es7/array';
+/**
+ * If the application will be indexed by Google Search, the following is required.
+ * Googlebot uses a renderer based on Chrome 41.
+ * https://developers.google.com/search/docs/guides/rendering
+ **/
+import 'core-js/es6/array';
 /***************************************************************************************************
  * Zone JS is required by default for Angular itself.
  */
 import 'zone.js/dist/zone';  // Included with Angular CLI.
 
-
+import 'web-animations-js';  // Run `npm install --save web-animations-js`.
 /***************************************************************************************************
  * APPLICATION IMPORTS
  */
+import 'classlist.js';  // Run `npm install --save classlist.js`.
+
+
+(window as any).__Zone_disable_requestAnimationFrame = true; // disable patch requestAnimationFrame
+ (window as any).__Zone_disable_on_property = true; // disable patch onProperty such as onclick
+ (window as any).__zone_symbol__BLACK_LISTED_EVENTS = ['scroll', 'mousemove']; // disable patch specified eventNames
+(window as any).__Zone_enable_cross_context_check = true;
\ No newline at end of file

src/styles.less

@@ -307,4 +307,15 @@ ul{
     overflow: auto;
     max-height: 800px;
   }
-}
\ No newline at end of file
+}
+
+@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
+  /* IE10+ CSS styles go here */
+    // body{
+    //   background:red;
+    // }
+
+    .ie-fix-button{
+      background:#2d9ac2;
+    }
+  }
\ No newline at end of file