{"version":3,"sources":["webpack:///./src/assets/images/puntoa.png","webpack:///./src/views/Helexium/SuperAdmin/MapGps.vue","webpack:///src/views/Helexium/SuperAdmin/MapGps.vue","webpack:///./src/views/Helexium/SuperAdmin/MapGps.vue?fae5","webpack:///./src/views/Helexium/SuperAdmin/MapGps.vue?7cf2","webpack:///./src/assets/images/puntob.png","webpack:///./src/assets/images/marca1.png","webpack:///./src/views/Helexium/SuperAdmin/MapGps.vue?4be9"],"names":["module","exports","render","_vm","this","_c","_self","attrs","staticClass","scopedSlots","_u","key","fn","_v","_l","listaImei","it","id","_s","placaVehiculo","proxy","model","value","placaSeleccionada","callback","$$v","expression","directives","name","rawName","desde","domProps","on","$event","target","composing","hasta","preventDefault","obtenerCoordenadasPlaca","coordinates","length","_e","staticStyle","item","index","agregarMarca","$moment","tz","fecha","format","lat","lng","class","velocidad","Number","distancia","toFixed","distanciaTotal","duracion","mapOptions","zoom","center","url","attribution","markerLatLng","marker","index2","ref","refInFor","customIcon","customIconIni","markerLatLngIni","customIconFin","markerLatLngFin","polylinePath","polylineOptions","staticRenderFns","components","LMap","LTileLayer","LMarker","LIconDefault","LPolyline","data","Date","velocidadProm","servicioSeleccionado","L","icon","color","weight","persona","empresaId","listaServicios","imei","placa","fechaInicio","fechaFin","dataCards","title","iconName","tipo","animated","onActivate","onDeactivate","contadorProgreso","markers","popupOptions","autoClose","popupMaxWidth","autoClosePopup","JSON","parse","localStorage","getItem","empresa","getListByEmpresa","methods","itemMarca","iconUrl","require","iconSize","iconAnchor","popupAnchor","push","$forceUpdate","setTimeout","leafletMarker","$refs","markerRef","mapObject","bindPopup","openPopup","popup","getPopup","$content","style","maxWidth","sumarTiempos","fechas","sumaTotal","i","diferencia","segundosTotal","Math","floor","minutosTotal","horasTotal","dias","horas","minutos","resultado","$isLoading","res","$store","dispatch","path","error","calcularDistanciaTotal","coordenadas","map","x","puntoActual","puntoAnterior","distanciaEntrePuntos","distanciaHaversine","lat1","lon1","lat2","lon2","radioTierra","dLat","gradosARadianes","dLon","a","sin","cos","c","atan2","sqrt","grados","PI","showToast","type","message","$toast","success","position","timeout","closeOnClick","pauseOnFocusLoss","pauseOnHover","draggable","draggablePercent","showCloseButtonOnHover","hideProgressBar","closeButton","rtl","warning","calcularDistanciaEntreCoordenadas","coordenadas1","coordenadas2","radioTierraKm","dataAnterior","dataActual","resTmp","itm","subtract","ajusteHora","contadorTope","dataAnterior2","resTmp2","datafinal","filter","dataTmp","coordenada","j","dataAnterior3","resTmp0","faseCalculaDistanciaEntreCoordenadas","eliminaVelocidadMaxima","iniciar","$nextTick","moveMarker","addPopup","duration","startLatLng","getLatLng","targetLatLng","latLng","startTime","getTime","progress","setLatLng","setPopupContent","sleep","ms","Promise","resolve","component"],"mappings":"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","file":"js/chunk-c6303b92.8e848843.js","sourcesContent":["module.exports = __webpack_public_path__ + \"img/puntoa.e12aa81a.png\";","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('b-container',{attrs:{\"fluid\":\"\"}},[_c('div',{staticClass:\"row mb-1\"},[_c('div',{staticClass:\"col-md-6\"},[_c('div',{staticClass:\"d-flex justify-content-left mt-1\"},[_c('b-form-select',{scopedSlots:_vm._u([{key:\"first\",fn:function(){return [_c('b-form-select-option',{attrs:{\"value\":null,\"disabled\":\"\"}},[_vm._v(\"-- seleccionar placa --\")]),_vm._l((_vm.listaImei),function(it){return _c('b-form-select-option',{key:it.id,attrs:{\"value\":it}},[_vm._v(_vm._s(it.placaVehiculo))])})]},proxy:true}]),model:{value:(_vm.placaSeleccionada),callback:function ($$v) {_vm.placaSeleccionada=$$v},expression:\"placaSeleccionada\"}}),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.desde),expression:\"desde\"}],staticClass:\"form-control\",attrs:{\"type\":\"datetime-local\",\"required\":\"\"},domProps:{\"value\":(_vm.desde)},on:{\"input\":function($event){if($event.target.composing)return;_vm.desde=$event.target.value}}}),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.hasta),expression:\"hasta\"}],staticClass:\"form-control\",attrs:{\"type\":\"datetime-local\",\"required\":\"\"},domProps:{\"value\":(_vm.hasta)},on:{\"input\":function($event){if($event.target.composing)return;_vm.hasta=$event.target.value}}})],1)]),_c('div',{staticClass:\"col-md-3\"},[_c('div',{staticClass:\"d-flex justify-content-left mt-1\"},[_c('vs-button',{attrs:{\"primary\":\"\"},on:{\"click\":function($event){$event.preventDefault();return _vm.obtenerCoordenadasPlaca()}}},[_vm._v(\"OBTENER DATOS\")])],1)])]),(_vm.coordinates.length > 0)?_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-3 text-center mt-1\"})]):_vm._e(),_c('div',{staticClass:\"row mt-0\"},[(_vm.coordinates.length > 0)?_c('div',{staticClass:\"col-md-3\"},[_c('div',{staticClass:\"text-justify mt-2\",staticStyle:{\"overflow-y\":\"overlay\",\"height\":\"69vh !important\"}},_vm._l((_vm.coordinates),function(item,index){return _c('div',{key:item.id,staticClass:\"bg-dark mt-1 mb-1 p-3 pointer activated\",staticStyle:{\"border-radius\":\"5%\"},attrs:{\"tabindex\":\"0\"},on:{\"click\":function($event){return _vm.agregarMarca(item)}}},[_c('div',{staticClass:\"row mb-1\"},[_c('span',{staticClass:\"col-md-5 col-sm-12\"},[_vm._v(_vm._s(\"Nº \" + (index + 1))+\" \")]),_c('br')]),_c('div',{staticClass:\"row\"},[_c('span',{staticClass:\"col-md-5 col-sm-12\"},[_vm._v(\"Fecha:\")]),_c('span',{staticClass:\"col-md-7 col-sm-12 text-green italic\"},[_vm._v(_vm._s(_vm.$moment.tz(item.fecha, \"America/Costa_Rica\").format(\"DD-MM-YYYY\")))])]),_c('div',{staticClass:\"row\"},[_c('span',{staticClass:\"col-md-5 col-sm-12\"},[_vm._v(\"Hora:\")]),_c('span',{staticClass:\"col-md-7 col-sm-12 text-green italic\"},[_vm._v(_vm._s(_vm.$moment.tz(item.fecha, \"America/Costa_Rica\").format(\"HH:mm:ss\")))])]),_c('div',{staticClass:\"row\"},[_c('span',{staticClass:\"col-md-5 col-sm-12\"},[_vm._v(\"Latitud: \")]),_c('span',{staticClass:\"col-md-7 col-sm-12 text-green italic\"},[_vm._v(_vm._s(item.lat))])]),_c('div',{staticClass:\"row\"},[_c('span',{staticClass:\"col-md-5 col-sm-12\"},[_vm._v(\"Longitud: \")]),_c('span',{staticClass:\"col-md-7 col-sm-12 text-green italic\"},[_vm._v(_vm._s(item.lng))])]),_c('div',{staticClass:\"row\"},[_c('span',{staticClass:\"col-md-5 col-sm-12\"},[_vm._v(\"Velocidad: \")]),_c('span',{staticClass:\"col-md-7 col-sm-12 italic\",class:item.velocidad == 0 ? '; color:gray;' : item.velocidad < 60 ? ';color:blue' : ';color:Red'},[_vm._v(_vm._s(item.velocidad + \" km/h\")+\" \")])]),_c('div',{staticClass:\"row\"},[_c('span',{staticClass:\"col-md-5 col-sm-12\"},[_vm._v(\"Distancia: \")]),_c('span',{staticClass:\"col-md-7 col-sm-12 italic\"},[_vm._v(_vm._s(Number(item.distancia).toFixed(2) + \" mts\")+\" \")])])])}),0)]):_vm._e(),_c('div',{class:_vm.coordinates.length > 0 ? 'col-md-9' : 'col-md-12'},[_c('div',{staticClass:\"statusbar mt-2\"},[_c('div',{staticClass:\"row text-center\"},[_c('div',{staticClass:\"col-md-6\"},[_c('span',[_c('a',{staticClass:\"fa fa-map-marker green\"}),_vm._v(\" Distancia total aprox.: \"+_vm._s(_vm.distanciaTotal.toFixed(2) + \" Km.\"))])]),_c('div',{staticClass:\"col-md-6\"},[_c('span',[_c('a',{staticClass:\"fa fa-tachometer green\"}),_vm._v(\" Duración aprox.: \"+_vm._s(_vm.duracion))])])]),_c('div',{staticClass:\"row text-center\"},[_c('div',{staticClass:\"col-md-6\"},[_c('span',[_c('a',{staticClass:\"fa fa-map-marker green\"}),_vm._v(\" total coord.: \"+_vm._s(_vm.coordinates.length))])])])]),_c('l-map',{staticStyle:{\"height\":\"65vh !important\"},attrs:{\"options\":_vm.mapOptions,\"zoom\":_vm.zoom,\"center\":_vm.center}},[_c('l-icon-default'),_c('l-tile-layer',{attrs:{\"url\":_vm.url,\"attribution\":_vm.attribution}}),_vm._l((_vm.markerLatLng),function(marker,index2){return _c('l-marker',{key:index2,ref:\"markerRef\",refInFor:true,attrs:{\"lat-lng\":marker,\"icon\":_vm.customIcon}})}),_c('l-marker',{ref:\"markerRefIni\",attrs:{\"icon\":_vm.customIconIni,\"lat-lng\":_vm.markerLatLngIni}}),_c('l-marker',{ref:\"markerRefFin\",attrs:{\"icon\":_vm.customIconFin,\"lat-lng\":_vm.markerLatLngFin}}),_c('l-polyline',{attrs:{\"lat-lngs\":_vm.polylinePath,\"options\":_vm.polylineOptions}})],2)],1)])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <b-container fluid>\r\n    <div class=\"row mb-1\">\r\n      <div class=\"col-md-6\">\r\n        <div class=\"d-flex justify-content-left mt-1\">\r\n          <!-- <b-form-select text-field=\"placa.placa\" value-field=\"id\" style=\"width: 50%\" v-model=\"placaSeleccionada\">\r\n            <template #first>\r\n              <b-form-select-option v-for=\"it of listaServicios\" :key=\"it.servicioId\" :value=\"it\">{{\r\n                it.servicioId +\r\n                \" | \" +\r\n                it.placa.placa +\r\n                \" | \" +\r\n                $moment.tz(it.fecha, \"America/Bogota\").format(\" DD-MM-YYYY HH:mm\") +\r\n                \" | \" +\r\n                it.conductor.nombres +\r\n                \" \" +\r\n                it.conductor.apellidos\r\n              }}</b-form-select-option>\r\n            </template>\r\n          </b-form-select> -->\r\n         \r\n          <b-form-select v-model=\"placaSeleccionada\">\r\n            <template #first>\r\n              <b-form-select-option :value=\"null\" disabled>-- seleccionar placa --</b-form-select-option>\r\n              <b-form-select-option v-for=\"it of listaImei\" :key=\"it.id\" :value=\"it\">{{ it.placaVehiculo }}</b-form-select-option>\r\n            </template>\r\n          </b-form-select>\r\n          <input v-model=\"desde\" type=\"datetime-local\" class=\"form-control\" required />\r\n          <input v-model=\"hasta\" type=\"datetime-local\" class=\"form-control\" required />\r\n\r\n          <!-- <b-form-select v-model=\"servicioSeleccionado\">\r\n            <template #first>\r\n              <b-form-select-option v-for=\"its of listaServicios\" :key=\"its.id\" :value=\"its\">{{ its.fechaInicio + \" / \" + its.fechaFin }}</b-form-select-option>\r\n            </template>\r\n          </b-form-select> -->\r\n        </div>\r\n      </div>\r\n      <div class=\"col-md-3\">\r\n        <div class=\"d-flex justify-content-left mt-1\">\r\n          <vs-button   primary @click.prevent=\"obtenerCoordenadasPlaca()\">OBTENER DATOS</vs-button>\r\n          <!-- <vs-button   primary @click.prevent=\"seleccionaPlaca()\">INICIAR RUTA</vs-button> -->\r\n        </div>\r\n      </div>\r\n      <!-- <div class=\"col-md-5 mb-1\">\r\n        <CardTable :data=\"dataCards\" />\r\n      </div> -->\r\n    </div>\r\n    <!-- <div class=\"row\">\r\n      <div class=\"col-3\">\r\n        <b-form-select v-model=\"placaSeleccionada\">\r\n          <template #first>\r\n            <b-form-select-option v-for=\"its of listaServicios\" :key=\"its.id\" :value=\"its\">{{ its.fechaInicio + \" / \" + its.fechaFin }}</b-form-select-option>\r\n          </template>\r\n        </b-form-select>\r\n      </div>\r\n    </div> -->\r\n\r\n    <div v-if=\"coordinates.length > 0\" class=\"row\">\r\n      <div class=\"col-md-3 text-center mt-1\">\r\n        <!-- <span class=\"\">{{ coordinates.length + \" Coordenadas\" }}</span\r\n        ><br /> -->\r\n        <!-- <span class=\"\">{{ (coordinates.map((objeto) => Number(objeto.velocidad)).reduce((total, valor) => total + valor, 0) / this.coordinates.length).toFixed(2) }}</span> -->\r\n        <!-- {{ contadorProgreso }} -->\r\n      </div>\r\n    </div>\r\n\r\n    <div class=\"row mt-0\">\r\n      <!-- <div v-if=\"coordinates.length > 0\" class=\"col-md-4\">\r\n        <div class=\"mt-0\" style=\"overflow-y: scroll; height: 400px\">\r\n          <table id=\"pendientesJefe\" class=\"table table-bordered table-responsive-md table-striped text-center\">\r\n            <thead>\r\n              <tr>\r\n                <th>Fecha</th>\r\n                <th>Latitud</th>\r\n                <th>Longitud</th>\r\n                <th>Velocidad</th>\r\n              </tr>\r\n            </thead>\r\n            <tbody>\r\n              <tr v-for=\"item in coordinates\" :key=\"item.id\">\r\n                <td>{{ $moment.tz(item.fecha, \"America/Costa_Rica\").format(\"DD-MM-YYYY HH:mm\") }}</td>\r\n                <td>{{ item.lat }}</td>\r\n                <td>{{ item.lng }}</td>\r\n                <td>{{ item.velocidad }}</td>\r\n              </tr>\r\n            </tbody>\r\n          </table>\r\n        </div>\r\n      </div> -->\r\n      <div v-if=\"coordinates.length > 0\" class=\"col-md-3\">\r\n        <div class=\"text-justify mt-2\" style=\"overflow-y: overlay; height: 69vh !important\">\r\n          <div\r\n            v-for=\"(item, index) in coordinates\"\r\n            :key=\"item.id\"\r\n            class=\"bg-dark mt-1 mb-1 p-3 pointer activated\"\r\n            style=\"border-radius: 5%\"\r\n            @click=\"agregarMarca(item)\"\r\n            tabindex=\"0\"\r\n          >\r\n            <div class=\"row mb-1\">\r\n              <span class=\"col-md-5 col-sm-12\">{{ \"Nº \" + (index + 1) }} </span><br />\r\n            </div>\r\n            <div class=\"row\">\r\n              <span class=\"col-md-5 col-sm-12\">Fecha:</span>\r\n              <span class=\"col-md-7 col-sm-12 text-green italic\">{{ $moment.tz(item.fecha, \"America/Costa_Rica\").format(\"DD-MM-YYYY\") }}</span>\r\n            </div>\r\n            <div class=\"row\">\r\n              <span class=\"col-md-5 col-sm-12\">Hora:</span>\r\n              <span class=\"col-md-7 col-sm-12 text-green italic\">{{ $moment.tz(item.fecha, \"America/Costa_Rica\").format(\"HH:mm:ss\") }}</span>\r\n            </div>\r\n\r\n            <div class=\"row\">\r\n              <span class=\"col-md-5 col-sm-12\">Latitud: </span>\r\n              <span class=\"col-md-7 col-sm-12 text-green italic\">{{ item.lat }}</span>\r\n            </div>\r\n            <div class=\"row\">\r\n              <span class=\"col-md-5 col-sm-12\">Longitud: </span>\r\n              <span class=\"col-md-7 col-sm-12 text-green italic\">{{ item.lng }}</span>\r\n            </div>\r\n\r\n            <div class=\"row\">\r\n              <span class=\"col-md-5 col-sm-12\">Velocidad: </span>\r\n              <span class=\"col-md-7 col-sm-12 italic\" :class=\"item.velocidad == 0 ? '; color:gray;' : item.velocidad < 60 ? ';color:blue' : ';color:Red'\"\r\n                >{{ item.velocidad + \" km/h\" }}\r\n              </span>\r\n            </div>\r\n            <div class=\"row\">\r\n              <span class=\"col-md-5 col-sm-12\">Distancia: </span>\r\n              <span class=\"col-md-7 col-sm-12 italic\">{{ Number(item.distancia).toFixed(2) + \" mts\" }} </span>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div :class=\"coordinates.length > 0 ? 'col-md-9' : 'col-md-12'\">\r\n        <div class=\"statusbar mt-2\">\r\n          <div class=\"row text-center\">\r\n            <div class=\"col-md-6\">\r\n              <span><a class=\"fa fa-map-marker green\" /> Distancia total aprox.: {{ distanciaTotal.toFixed(2) + \" Km.\" }}</span>\r\n            </div>\r\n            <div class=\"col-md-6\">\r\n              <span> <a class=\"fa fa-tachometer green\" /> Duración aprox.: {{ duracion }}</span>\r\n            </div>\r\n            <!-- <div class=\"col-md-3\">\r\n              <span><a class=\"fa fa-tachometer green\" /> Velocidad prom. aprox.: {{ velocidadProm.toFixed(2) + \" Km.\" }}</span>\r\n            </div> -->\r\n          </div>\r\n          <div class=\"row text-center\">\r\n            <div class=\"col-md-6\">\r\n              <span><a class=\"fa fa-map-marker green\" /> total coord.: {{ coordinates.length }}</span>\r\n            </div>\r\n            <!-- <div class=\"col-md-6\">\r\n              <span> <a class=\"fa fa-tachometer green\" /> Duración aprox.: {{ duracion }}</span>\r\n            </div> -->\r\n            <!-- <div class=\"col-md-3\">\r\n              <span><a class=\"fa fa-tachometer green\" /> Velocidad prom. aprox.: {{ velocidadProm.toFixed(2) + \" Km.\" }}</span>\r\n            </div> -->\r\n          </div>\r\n        </div>\r\n        <!--<b-progress height=\"5px\" :value=\"contadorProgreso\" :max=\"coordinates.length\" :label-html=\"`<del>${value}</del>`\" show-progress animated> </b-progress>-->\r\n        <l-map :options=\"mapOptions\" style=\"height: 65vh !important\" :zoom=\"zoom\" :center=\"center\">\r\n          <l-icon-default />\r\n          <l-tile-layer :url=\"url\" :attribution=\"attribution\" />\r\n          <l-marker v-for=\"(marker, index2) in markerLatLng\" :key=\"index2\" :lat-lng=\"marker\" :icon=\"customIcon\" ref=\"markerRef\"> </l-marker>\r\n          <l-marker :icon=\"customIconIni\" :lat-lng=\"markerLatLngIni\" ref=\"markerRefIni\"></l-marker>\r\n          <l-marker :icon=\"customIconFin\" :lat-lng=\"markerLatLngFin\" ref=\"markerRefFin\"></l-marker>\r\n          <l-polyline :lat-lngs=\"polylinePath\" :options=\"polylineOptions\"></l-polyline>\r\n        </l-map>\r\n      </div>\r\n    </div>\r\n  </b-container>\r\n</template>\r\n\r\n<script>\r\nimport { LMap, LTileLayer, LMarker, LIconDefault, LPolyline } from \"vue2-leaflet\";\r\nimport L from \"leaflet\";\r\nimport \"leaflet/dist/leaflet.css\";\r\n// import CardTable from \"../../../components/cardTable/CardTable.vue\";\r\n// import CardTable from \"../../../components/cardTable/CardTableSmall.vue\";\r\n\r\nexport default {\r\n  components: {\r\n    LMap,\r\n    LTileLayer,\r\n    LMarker,\r\n    LIconDefault,\r\n    LPolyline,\r\n    \r\n    // CardTable,\r\n  },\r\n  data() {\r\n    return {\r\n      desde: this.$moment.tz(new Date(), \"America/Costa_Rica\").format(\"YYYY-MM-DD HH:mm\"),\r\n      hasta: this.$moment.tz(new Date(), \"America/Costa_Rica\").format(\"YYYY-MM-DD HH:mm\"),\r\n      velocidadProm: 0,\r\n      servicioSeleccionado: null,\r\n      duracion: 0,\r\n      url: \"https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png\",\r\n      attribution: '&copy; <a target=\"_blank\" href=\"http://osm.org/copyright\">OpenStreetMap</a> contributors',\r\n      zoom: 16,\r\n      center: [4.7279077, -74.062912],\r\n      markerLatLng: [],\r\n      markerLatLngIni: [0, 0],\r\n      markerLatLngFin: [0, 0],\r\n      customIconIni: L.icon({}),\r\n      customIconFin: L.icon({}),\r\n      customIcon: L.icon({\r\n        // iconUrl: require(\"@/assets/images/vehiculo1.png\"),\r\n        // iconSize: [50, 50],\r\n        // iconAnchor: [16, 16],\r\n        // popupAnchor: [10, -32],\r\n      }),\r\n      coordinates: [],\r\n      polylinePath: [], // Para almacenar las coordenadas de la línea\r\n      polylineOptions: {\r\n        color: \"red\",\r\n        weight: 6,\r\n      },\r\n      persona: {},\r\n      empresaId: {},\r\n      listaServicios: [{ id: 1, imei: \"864035050968024\", placa: \"HFT052\", fechaInicio: \"2024-02-25 04:38:13\", fechaFin: \"2024-02-25 04:58:24\" }],\r\n      placaSeleccionada: null,\r\n      listaImei: [\r\n        // { id: 1, imei: \"864035050968024\" },\r\n        // { id: 2, imei: \"864035050967562\" },\r\n      ],\r\n      dataCards: [\r\n        {\r\n          title: \"Total Coordenadas\",\r\n          value: () => this.coordinates.length,\r\n          iconName: \"map-marker\",\r\n          color: \"rgba(22, 162, 117, 1)\",\r\n          tipo: \"squared\",\r\n          animated: \"bounce\",\r\n          onActivate: () => {\r\n            console.log(\"Activated\");\r\n          },\r\n          onDeactivate: () => {\r\n            console.log(\"Deactivate\");\r\n          },\r\n        },\r\n        {\r\n          title: \"Distancia total\",\r\n          value: () => this.distanciaTotal.toFixed(2) + \" Km\",\r\n          iconName: \"tachometer\",\r\n          color: \"rgba(223, 18, 46, 1)\",\r\n          tipo: \"shield\",\r\n          animated: \"bounce\",\r\n          // onActivate: () => {\r\n          //   console.log(\"Activated\");\r\n          //   this.dataTableInstance.search(\"Alta\").draw();\r\n          // },\r\n          // onDeactivate: () => {\r\n          //   this.dataTableInstance.search(\"\").draw();\r\n          //   console.log(\"Desactivate\");\r\n          // },\r\n        },\r\n        // {\r\n        //   title: \"Prioridad Media\",\r\n        //   value: () => this.listaItems.filter((tick) => tick.prioridad == 2).length,\r\n        //   iconName: \"bell\",\r\n        //   color: \"rgba(254, 114, 28, 1)\",\r\n        //   tipo: \"shield\",\r\n        //   animated: \"bounce\",\r\n        //   onActivate: () => {\r\n        //     this.dataTableInstance.search(\"media\").draw();\r\n        //     console.log(\"Activated\");\r\n        //   },\r\n        //   onDeactivate: () => {\r\n        //     this.dataTableInstance.search(\"\").draw();\r\n        //     console.log(\"Deactivate\");\r\n        //   },\r\n        // },\r\n        // {\r\n        //   title: \"Prioridad baja\",\r\n        //   value: () => this.listaItems.filter((tick) => tick.prioridad == 1).length,\r\n        //   iconName: \"hand-point-up\",\r\n        //   color: \"rgba(71, 136, 255, 1)\",\r\n        //   tipo: \"shield\",\r\n        //   animated: \"bounce\",\r\n        //   onActivate: () => {\r\n        //     this.dataTableInstance.search(\"Baja\").draw();\r\n        //     console.log(\"Activated\");\r\n        //   },\r\n        //   onDeactivate: () => {\r\n        //     this.dataTableInstance.search(\"\").draw();\r\n        //     console.log(\"Deactivate\");\r\n        //   },\r\n        // },\r\n      ],\r\n      contadorProgreso: 0,\r\n      distanciaTotal: 0,\r\n      markers: [],\r\n      popupOptions: {\r\n        autoClose: false, // Para mantener el popup abierto\r\n      },\r\n      popupMaxWidth: \"300px\",\r\n      mapOptions: {\r\n        autoClosePopup: false, // Evitar que el mapa cierre automáticamente los popups\r\n      },\r\n    };\r\n  },\r\n  async mounted() {\r\n    this.persona = JSON.parse(localStorage.getItem(\"setPersonaAct\"));\r\n    this.empresaId = this.persona.empresa.id;\r\n    await this.getListByEmpresa();\r\n  },\r\n  methods: {\r\n    agregarMarca(itemMarca) {\r\n      console.log(itemMarca);\r\n      this.customIcon = L.icon({\r\n        iconUrl: require(\"@/assets/images/marca1.png\"),\r\n        iconSize: [50, 50],\r\n        iconAnchor: [16, 16],\r\n        popupAnchor: [10, -32],\r\n      });\r\n      this.markerLatLng.push([itemMarca.lat, itemMarca.lng]);\r\n      this.center = [itemMarca.lat, itemMarca.lng];\r\n      this.$forceUpdate();\r\n\r\n      // this.markers = [{ position: [itemMarca.lat, itemMarca.lng], popupContent: \"Popup 1\" }];\r\n      // this.markerLatLng.forEach((marker, index) => {\r\n      console.log(this.$refs.markerRef);\r\n      setTimeout(() => {\r\n        const leafletMarker = this.$refs.markerRef[this.markerLatLng.length - 1].mapObject;\r\n        leafletMarker\r\n          .bindPopup(\r\n            `\r\n            <div class=\"row\">\r\n              <span class=\"col-md-12 col-sm-12 text-green italic\">${this.$moment.tz(itemMarca.fecha, \"America/Costa_Rica\").format(\"DD-MM-YYYY HH:mm:ss\")}</span>\r\n            </div>\r\n            <div class=\"row\">\r\n              <span class=\"col-md-12 col-sm-12 text-green italic\">${itemMarca.lat + \", \" + itemMarca.lng}</span>\r\n            </div>\r\n\r\n            <div class=\"row\">\r\n              <span class=\"col-md-12 col-sm-12 text-primary\">Velocidad: ${itemMarca.velocidad} km/h</span>\r\n            </div>\r\n            <div class=\"row\">\r\n              <span class=\"col-md-12 col-sm-12 text-primary\">Distancia: ${Number(itemMarca.distancia).toFixed(2)} mts} </span>\r\n            </div>\r\n\r\n        `,\r\n            { autoClose: false }\r\n          )\r\n          .openPopup();\r\n        const popup = leafletMarker.getPopup();\r\n        if (popup) {\r\n          popup.$content.style.maxWidth = this.popupMaxWidth;\r\n        }\r\n      }, 500);\r\n      // });\r\n\r\n      // console.log(\"marker ----------------->\", marker);\r\n      // marker.bindPopup(\"123\", { autoClose: false }).openPopup();\r\n\r\n      // marker.setPopupContent(\"lat:\" + lat + \" / lng:\" + lng + \" /\" + this.$moment.tz(this.coordinates[i].fecha, \"America/Bogota\").format(\" DD-MM-YYYY HH:mm:ss\"));\r\n      // marker.setPopupContent(\"lat: asdasdasd\");\r\n      //     this.polylinePath.push([lat, lng]);\r\n    },\r\n    sumarTiempos(fechas) {\r\n      // Inicializar la suma total de milisegundos\r\n      var sumaTotal = 0;\r\n\r\n      // Calcular la diferencia entre cada fecha y sumarla\r\n      for (var i = 0; i < fechas.length - 1; i++) {\r\n        var diferencia = new Date(fechas[i + 1]) - new Date(fechas[i]); // Diferencia en milisegundos\r\n        sumaTotal += diferencia;\r\n      }\r\n\r\n      // Calcular los días, horas, minutos y segundos a partir de la suma total\r\n      var segundosTotal = Math.floor(sumaTotal / 1000);\r\n      var minutosTotal = Math.floor(segundosTotal / 60);\r\n      var horasTotal = Math.floor(minutosTotal / 60);\r\n      var dias = Math.floor(horasTotal / 24);\r\n\r\n      // Calcular las horas, minutos y segundos restantes después de convertir días\r\n      var horas = horasTotal % 24;\r\n      var minutos = minutosTotal % 60;\r\n      // var segundos = segundosTotal % 60;\r\n\r\n      // Construir la cadena de resultado\r\n      // var resultado = (dias > 0 ? dias + \" d.,\" : \"\") + horas + \" h., \" + minutos + \" min., \" + segundos + \" segs.\";\r\n      var resultado = (dias > 0 ? dias + \" d.,\" : \"\") + horas + \" h., \" + minutos + \" min.\";\r\n\r\n      return resultado;\r\n    },\r\n\r\n    async getListByEmpresa() {\r\n      try {\r\n        this.$isLoading(true);\r\n        let res = await this.$store.dispatch(\"hl_get\", {\r\n          path: \"VehiculoRegistroImeiGPS/ListByEmpresa/\" + this.empresaId,\r\n        });\r\n        this.$isLoading(false);\r\n        console.log(\"imei\", res);\r\n        if (res.data.length > 0) {\r\n          this.listaImei = res.data;\r\n        } else {\r\n          this.listaImei = [];\r\n        }\r\n      } catch (error) {\r\n        this.listaImei = [];\r\n      }\r\n    },\r\n    calcularDistanciaTotal() {\r\n      let distanciaTotal = 0;\r\n      let coordenadas = this.coordinates.map((x) => {\r\n        let data = [x.lat, x.lng];\r\n        return data;\r\n      });\r\n      for (let i = 1; i < coordenadas.length; i++) {\r\n        const puntoActual = coordenadas[i];\r\n        const puntoAnterior = coordenadas[i - 1];\r\n\r\n        const distanciaEntrePuntos = this.distanciaHaversine(puntoAnterior[0], puntoAnterior[1], puntoActual[0], puntoActual[1]);\r\n        distanciaTotal += distanciaEntrePuntos;\r\n      }\r\n\r\n      return distanciaTotal;\r\n    },\r\n\r\n    distanciaHaversine(lat1, lon1, lat2, lon2) {\r\n      const radioTierra = 6371; // Radio de la Tierra en kilómetros\r\n      const dLat = this.gradosARadianes(lat2 - lat1);\r\n      const dLon = this.gradosARadianes(lon2 - lon1);\r\n      const a = Math.sin(dLat / 2) * Math.sin(dLat / 2) + Math.cos(this.gradosARadianes(lat1)) * Math.cos(this.gradosARadianes(lat2)) * Math.sin(dLon / 2) * Math.sin(dLon / 2);\r\n      const c = 2 * Math.atan2(Math.sqrt(a), Math.sqrt(1 - a));\r\n      const distancia = radioTierra * c;\r\n\r\n      return distancia;\r\n    },\r\n\r\n    gradosARadianes(grados) {\r\n      return grados * (Math.PI / 180);\r\n    },\r\n\r\n    showToast(type, message) {\r\n      console.log(type);\r\n      if (type == \"success\") {\r\n        this.$toast.success(message, {\r\n          position: \"top-center\",\r\n          timeout: 1492,\r\n          closeOnClick: true,\r\n          pauseOnFocusLoss: false,\r\n          pauseOnHover: false,\r\n          draggable: false,\r\n          draggablePercent: 0.41,\r\n          showCloseButtonOnHover: false,\r\n          hideProgressBar: true,\r\n          closeButton: \"button\",\r\n          icon: true,\r\n          rtl: false,\r\n        });\r\n      }\r\n      if (type == \"error\")\r\n        this.$toast.error(message, {\r\n          position: \"top-center\",\r\n          timeout: 1492,\r\n          closeOnClick: true,\r\n          pauseOnFocusLoss: false,\r\n          pauseOnHover: false,\r\n          draggable: false,\r\n          draggablePercent: 0.41,\r\n          showCloseButtonOnHover: false,\r\n          hideProgressBar: true,\r\n          closeButton: \"button\",\r\n          icon: true,\r\n          rtl: false,\r\n        });\r\n      if (type == \"warning\")\r\n        this.$toast.warning(message, {\r\n          position: \"top-center\",\r\n          timeout: 1492,\r\n          closeOnClick: true,\r\n          pauseOnFocusLoss: false,\r\n          pauseOnHover: false,\r\n          draggable: false,\r\n          draggablePercent: 0.41,\r\n          showCloseButtonOnHover: false,\r\n          hideProgressBar: true,\r\n          closeButton: \"button\",\r\n          icon: true,\r\n          rtl: false,\r\n        });\r\n    },\r\n    calcularDistanciaEntreCoordenadas(coordenadas1, coordenadas2) {\r\n      const radioTierraKm = 6371; // Radio de la Tierra en kilómetros\r\n\r\n      const [lat1, lon1] = coordenadas1;\r\n      const [lat2, lon2] = coordenadas2;\r\n\r\n      const dLat = ((lat2 - lat1) * Math.PI) / 180;\r\n      const dLon = ((lon2 - lon1) * Math.PI) / 180;\r\n\r\n      const a = Math.sin(dLat / 2) * Math.sin(dLat / 2) + Math.cos((lat1 * Math.PI) / 180) * Math.cos((lat2 * Math.PI) / 180) * Math.sin(dLon / 2) * Math.sin(dLon / 2);\r\n\r\n      const c = 2 * Math.atan2(Math.sqrt(a), Math.sqrt(1 - a));\r\n\r\n      const distancia = radioTierraKm * c;\r\n\r\n      return distancia;\r\n    },\r\n    //limpiezaFase1\r\n    async eliminaCeroCero(res) {\r\n      let dataAnterior = null;\r\n      let dataActual = {};\r\n      let resTmp = [];\r\n      for await (let itm of res) {\r\n        dataActual = itm;\r\n        itm.fecha = this.$moment(itm.fecha).subtract(this.placaSeleccionada.ajusteHora, \"hours\");\r\n        //itm.fecha = itm.fecha.format(\"YYYY-MM-DD HH:mm:ss\");\r\n\r\n        if (dataAnterior == null) {\r\n          console.log(\"se agrega por dataanterior null\");\r\n          //this.coordinates.push(itm);\r\n          resTmp.push(itm);\r\n        } else {\r\n          if (dataActual.velocidad == 0 && dataAnterior.velocidad == 0) {\r\n            console.log(\"se ignora porque hay mas de un valor en velocidad 0\");\r\n          } else {\r\n            console.log(\"se agrega por condicion else\");\r\n            resTmp.push(itm);\r\n          }\r\n        }\r\n        dataAnterior = itm;\r\n      }\r\n      return resTmp;\r\n    },\r\n    //limpiezaFase2\r\n    async eliminaCeroUnoCero(resTmp) {\r\n      let contadorTope = 1;\r\n      let dataAnterior = null;\r\n      let dataAnterior2 = null;\r\n      let dataActual = {};\r\n      let resTmp2 = [];\r\n      for await (let itm of resTmp) {\r\n        dataActual = itm;\r\n        if (dataAnterior == null) {\r\n          console.log(\"se agrega por dataanterior null\");\r\n          resTmp2.push(itm);\r\n        } else {\r\n          if (contadorTope == 1) {\r\n            dataAnterior2 = itm;\r\n          }\r\n          if (contadorTope == 2) {\r\n            dataAnterior = itm;\r\n          }\r\n          if (contadorTope == 3) {\r\n            dataActual = itm;\r\n            contadorTope = 0;\r\n          }\r\n\r\n          if (dataAnterior2.velocidad == 0 && dataAnterior.velocidad > 0 && dataActual.velocidad == 0) {\r\n            console.log(\"se ignora porque hay mas de un valor en velocidad 0\");\r\n          } else {\r\n            console.log(\"se agrega por condicion else\");\r\n            resTmp2.push(\"res final \", itm);\r\n          }\r\n        }\r\n        contadorTope + 1;\r\n      }\r\n      return resTmp2;\r\n    },\r\n    //limpiezaFase3\r\n    async eliminaVelocidadMinima(resTmp, velocidad) {\r\n      let datafinal = resTmp.filter((x) => x.velocidad > velocidad);\r\n      return datafinal;\r\n    },\r\n    async eliminaVelocidadMaxima(resTmp, velocidad) {\r\n      let datafinal = resTmp.filter((x) => x.distancia < velocidad);\r\n      return datafinal;\r\n    },\r\n    //limpiezaFase4\r\n    async faseCalculaDistanciaEntreCoordenadas(resTmp) {\r\n      let dataTmp = resTmp.map((coordenada) => {\r\n        return [Number(coordenada.lat), Number(coordenada.lng)]; // [latitud, longitud]\r\n      });\r\n\r\n      //let resTmp5 = await this.limpiezaFase4(resTmp4);\r\n      for (let i = 0; i < dataTmp.length; i++) {\r\n        for (let j = i + 1; j < dataTmp.length; j++) {\r\n          const distancia = this.calcularDistanciaEntreCoordenadas(dataTmp[i], dataTmp[j]);\r\n          resTmp[j].distancia = distancia * 1000;\r\n          // console.log(`Distancia entre coordenadas ${i} y ${j}: ${distancia.toFixed(2)} kilómetros`);\r\n        }\r\n      }\r\n      resTmp = resTmp.filter((x) => x.distancia > 0);\r\n      return resTmp;\r\n    },\r\n    //limpiezaFase5\r\n\r\n    async FaseCeroUnoUnoCero(resTmp) {\r\n      let contadorTope = 1;\r\n      let dataAnterior = null;\r\n      let dataAnterior2 = null;\r\n      let dataAnterior3 = null;\r\n      let dataActual = {};\r\n      let resTmp2 = [];\r\n      for await (let itm of resTmp) {\r\n        dataActual = itm;\r\n        if (dataAnterior == null) {\r\n          console.log(\"se agrega por dataanterior null\");\r\n          resTmp2.push(itm);\r\n        } else {\r\n          if (contadorTope == 1) {\r\n            dataAnterior3 = itm;\r\n          }\r\n          if (contadorTope == 2) {\r\n            dataAnterior2 = itm;\r\n          }\r\n          if (contadorTope == 3) {\r\n            dataAnterior = itm;\r\n          }\r\n          if (contadorTope == 4) {\r\n            dataActual = itm;\r\n            contadorTope = 0;\r\n          }\r\n          if (dataAnterior3.velocidad == 0 && dataAnterior2.velocidad > 0 && dataAnterior.velocidad > 0 && dataActual.velocidad == 0) {\r\n            console.log(\"se ignora porque hay mas de un valor en velocidad 0\");\r\n          } else {\r\n            console.log(\"se agrega por condicion else\");\r\n            resTmp2.push(\"res final \", itm);\r\n          }\r\n        }\r\n        contadorTope + 1;\r\n      }\r\n      return resTmp2;\r\n    },\r\n    async obtenerCoordenadasPlaca() {\r\n      try {\r\n        this.coordinates = [];\r\n        this.polylinePath = [];\r\n        this.markerLatLng = [];\r\n        this.markerLatLngIni = [0, 0];\r\n        this.markerLatLngFin = [0, 0];\r\n        this.polylinePath = [];\r\n        console.log(\"placa seleccionada\", this.placaSeleccionada);\r\n        this.$isLoading(true);\r\n        // let res = await this.$store.dispatch(\"hl_get\", {\r\n        //   path: \"Vehiculo/CoordenadasPorImei/\" + this.placaSeleccionada,\r\n        // });\r\n        let res = await this.$store.dispatch(\"hl_get\", {\r\n          path: \"Vehiculo/CoordenadasPorImeiDesdeHasta/\" + this.placaSeleccionada.imei + \"/\" + this.desde + \"/\" + this.hasta,\r\n        });\r\n\r\n        this.$isLoading(false);\r\n        console.log(\"res-->\", res);\r\n        if (res.length > 0) {\r\n          // //eliminando grupo de coordenadas con velocidad cero y continuas\r\n          // let resTmp = await this.limpiezaFase1(res);\r\n          // //detectando patron en coord 0 1 0 1...\r\n          // let resTmp2 = await this.limpiezaFase2(resTmp);\r\n          // //detectando patron en coord 0 1 0 1...\r\n          // let resTmp3 = await this.limpiezaFase2(resTmp2);\r\n          // //eliminando velocidad 0\r\n          // let resTmp4 = await this.limpiezaFase3(resTmp3);\r\n          // //calculando distancia entre coordenadas\r\n          // let resTmp5 = await this.limpiezaFase4(resTmp4);\r\n\r\n          // //bloque funcional 06-03-2024\r\n          // // //eliminando grupo de coordenadas con velocidad cero y continuas\r\n          // let resTmp = await this.limpiezaFase1(res);\r\n          // // //detectando patron en coord 0 1 0 1...\r\n          // let resTmp2 = await this.limpiezaFase2(resTmp);\r\n          // // //detectando patron en coord 0 1 0 1...\r\n          // // let resTmp3 = await this.limpiezaFase2(resTmp2);\r\n          // // //calculando distancia entre coordenadas\r\n          // let resTmp5 = await this.limpiezaFase4(resTmp2);\r\n          // let resTmp4 = await this.limpiezaFase5(resTmp5);\r\n          // // //eliminando velocidad 0\r\n          // resTmp4 = await this.limpiezaFase3(resTmp5);\r\n          // // // probando depuración nueva\r\n          // resTmp4 = resTmp4.filter((x) => x.velocidad > 5);\r\n\r\n          // // //eliminando grupo de coordenadas con velocidad cero y continuas\r\n\r\n          let resTmp0 = res; // await this.FaseCeroUnoUnoCero(res);\r\n          // resTmp0 = await this.eliminaCeroCero(resTmp0);\r\n          // resTmp0 = await this.eliminaCeroUnoCero(resTmp0);\r\n          resTmp0 = await this.faseCalculaDistanciaEntreCoordenadas(resTmp0);\r\n          // resTmp0 = await this.eliminaVelocidadMinima(resTmp0, 10);\r\n          resTmp0 = await this.eliminaVelocidadMaxima(resTmp0, 400);\r\n\r\n          // // //detectando patron en coord 0 1 0 1...\r\n          //let resTmp2 = await this.limpiezaFase2(resTmp);\r\n          // // //detectando patron en coord 0 1 0 1...\r\n          // // let resTmp3 = await this.limpiezaFase2(resTmp2);\r\n          // let resTmp5 = await this.limpiezaFase4(resTmp2);\r\n          // // //eliminando velocidad 0\r\n          // resTmp4 = await this.limpiezaFase3(resTmp5);\r\n          // // // probando depuración nueva\r\n          // resTmp4 = resTmp4.filter((x) => x.velocidad > 5);\r\n\r\n          // this.coordinates = resTmp4;\r\n          this.coordinates = resTmp0;\r\n\r\n          this.polylinePath = this.coordinates.map((coordenada) => {\r\n            return [Number(coordenada.lat), Number(coordenada.lng)]; // [latitud, longitud]\r\n          });\r\n          console.log(\"coordenadas final final \", this.coordinates);\r\n          this.$forceUpdate();\r\n          this.customIconIni = L.icon({\r\n            iconUrl: require(\"@/assets/images/puntoa.png\"),\r\n            iconSize: [50, 50],\r\n            iconAnchor: [16, 16],\r\n            popupAnchor: [10, -32],\r\n          });\r\n          this.center = [this.coordinates[0].lat, this.coordinates[0].lng];\r\n          this.markerLatLngIni = [this.coordinates[0].lat, this.coordinates[0].lng];\r\n          this.customIconFin = L.icon({\r\n            iconUrl: require(\"@/assets/images/puntob.png\"),\r\n            iconSize: [50, 50],\r\n            iconAnchor: [16, 16],\r\n            popupAnchor: [10, -32],\r\n          });\r\n          this.markerLatLngFin = [this.coordinates[this.coordinates.length - 1].lat, this.coordinates[this.coordinates.length - 1].lng];\r\n          // console.log(\"polylines \", this.polylinePath);\r\n          this.distanciaTotal = this.calcularDistanciaTotal();\r\n          let fechas = this.coordinates.map((coordenada) => {\r\n            return coordenada.fecha;\r\n          });\r\n          // console.log(\"fecha ->\", fechas);\r\n          this.duracion = this.sumarTiempos(fechas);\r\n        } else {\r\n          this.coordinates = [];\r\n        }\r\n      } catch (error) {\r\n        this.coordinates = [];\r\n        this.$isLoading(false);\r\n        console.log(\"err\", error);\r\n      }\r\n    },\r\n    async seleccionaPlaca() {\r\n      if (this.coordinates.length > 0) {\r\n        console.log(this.placaSeleccionada);\r\n        // await this.obtenerCoordenadasPlaca();\r\n        if (this.coordinates.length > 0) {\r\n          this.center = [this.coordinates[0].lat, this.coordinates[0].lng];\r\n          this.markerLatLng = [this.coordinates[0].lat, this.coordinates[0].lng];\r\n          this.iniciar();\r\n        } else {\r\n          this.showToast(\"error\", \"no hay datos.\");\r\n        }\r\n      }\r\n    },\r\n    async getServicios() {\r\n      try {\r\n        let res = await this.$store.dispatch(\"hl_get\", {\r\n          path: \"Vehiculo/ServiciosPorEmpresa/\" + this.empresaId,\r\n        });\r\n        console.log(res);\r\n        if (res.length > 0) {\r\n          this.listaServicios = res;\r\n        } else {\r\n          this.listaServicios = [];\r\n        }\r\n      } catch (error) {\r\n        this.listaServicios = [];\r\n        console.log(\"err\", error);\r\n      }\r\n    },\r\n    iniciar() {\r\n      this.zoom = 16;\r\n      this.contadorProgreso = 0;\r\n      this.$nextTick(() => {\r\n        // this.addPopup();\r\n\r\n        this.moveMarker();\r\n      });\r\n    },\r\n    addPopup() {\r\n      const marker = this.$refs.markerRef.mapObject;\r\n\r\n      if (!marker) {\r\n        console.error(\"No se pudo obtener la referencia del marcador.\");\r\n        return;\r\n      }\r\n\r\n      marker.bindPopup(\"123\", { autoClose: false }).openPopup();\r\n    },\r\n    async moveMarker() {\r\n      const marker = this.$refs.markerRef.mapObject;\r\n\r\n      if (!marker) {\r\n        console.error(\"No se pudo obtener la referencia del marcador.\");\r\n        return;\r\n      }\r\n\r\n      const duration = 2000; // Duración de la animación en milisegundos\r\n\r\n      for (let i = 0; i < this.coordinates.length; i++) {\r\n        this.contadorProgreso++;\r\n        const startLatLng = marker.getLatLng();\r\n        const targetLatLng = L.latLng(this.coordinates[i]);\r\n\r\n        const startTime = new Date().getTime();\r\n\r\n        while (new Date().getTime() - startTime <= duration) {\r\n          const progress = (new Date().getTime() - startTime) / duration;\r\n          const lat = startLatLng.lat + progress * (targetLatLng.lat - startLatLng.lat);\r\n          const lng = startLatLng.lng + progress * (targetLatLng.lng - startLatLng.lng);\r\n\r\n          marker.setLatLng([lat, lng]);\r\n          this.center = [lat, lng];\r\n\r\n          marker.setPopupContent(\"lat:\" + lat + \" / lng:\" + lng + \" /\" + this.$moment.tz(this.coordinates[i].fecha, \"America/Bogota\").format(\" DD-MM-YYYY HH:mm:ss\"));\r\n          this.polylinePath.push([lat, lng]);\r\n\r\n          await this.sleep(16); // Esperar 16 milisegundos (aproximadamente 60 FPS)\r\n        }\r\n      }\r\n    },\r\n    sleep(ms) {\r\n      return new Promise((resolve) => setTimeout(resolve, ms));\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style scoped>\r\n.italic {\r\n  font-style: italic !important;\r\n}\r\n.statusbar {\r\n  background-color: rgb(62, 62, 62);\r\n  height: 45px;\r\n  font-size: 15px;\r\n}\r\n.green {\r\n  color: rgb(12, 202, 126);\r\n}\r\n.activated {\r\n  /* border: 2px solid black; */\r\n}\r\n.activated:focus {\r\n  /* box-shadow: 0 0 0 2px white, 0 0 0 4px blue; */\r\n  border: 2px solid white;\r\n}\r\n.activated:active {\r\n  /* box-shadow: 0 0 0 2px white, 0 0 0 4px blue; */\r\n}\r\n/* .activated ::before {\r\n  border: 2px solid white;\r\n} */\r\n</style>\r\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./MapGps.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./MapGps.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./MapGps.vue?vue&type=template&id=3e98d0a0&scoped=true\"\nimport script from \"./MapGps.vue?vue&type=script&lang=js\"\nexport * from \"./MapGps.vue?vue&type=script&lang=js\"\nimport style0 from \"./MapGps.vue?vue&type=style&index=0&id=3e98d0a0&prod&scoped=true&lang=css\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"3e98d0a0\",\n  null\n  \n)\n\nexport default component.exports","module.exports = __webpack_public_path__ + \"img/puntob.43bd527e.png\";","module.exports = __webpack_public_path__ + \"img/marca1.9a6d770c.png\";","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./MapGps.vue?vue&type=style&index=0&id=3e98d0a0&prod&scoped=true&lang=css\""],"sourceRoot":""}