safecheck-client 3.0.33-81 → 3.0.33-82

package/src/components/map/PersonTrack.vue

@@ -1,224 +1,224 @@
-<template>
-  <div class="basic-main" style="height: 100%">
-    <div class="row">
-      <div class="col-sm-9 amap-main">
-        <div class="form-horizontal select-overspread container-fluid auto">
-          <div class="row">
-            <div class="col-sm-3 form-input-group" style="width: 20%">
-              <label class="control-label">公&emsp;&emsp;司</label>
-              <right-tree-safe @re-res="getRes"  >
-              </right-tree-safe>
-            </div>
-            <div class="col-sm-3 form-input-group" style="width: 20%">
-              <label class="control-label" >轨迹时间</label>
-              <datepicker placeholder="轨迹时间"
-                          :value.sync="searchCondition.date"
-                          v-model="searchCondition.date"
-                          :format="'yyyy-MM-dd'">
-              </datepicker>
-            </div>
-            <div class="col-sm-3 form-input-group" style="width: 20%">
-              <label class="control-label">安检员</label>
-              <v-select :value.sync="searchCondition.userId" v-model='searchCondition.userId'
-                        :value-single="true" clear-button search
-                        :options='searchUserEndOption' placeholder='请选择'
-              ></v-select>
-            </div>
-            <div class="col-sm-3 form-input-group" style="width: 20%">
-              <label class="control-label">班组</label>
-              <v-select :value.sync="searchCondition.departmentId" v-model='searchCondition.departmentId'
-                        :value-single="true" clear-button search
-                        :options='searchDepartmentOption' placeholder='请选择'
-              ></v-select>
-            </div>
-            <div class="col-sm-3 form-input-group" style="width: 20%;float:right;">
-              <button class="btn btn-primary"  @click="search">查询</button>
-            </div>
-          </div>
-        </div>
-        <a-map-trajectory-new :outerlinedata.sync="outerlinedata" :pathnavigatorstyle="pathnavigatorstyle" :dom="dom"></a-map-trajectory-new>
-      </div>
-      <div class="col-sm-3">
-        <div id="zzz" class="basic-main" style="flex:1;margin-left: 0px;overflow: hidden">
-          <div class="flex">
-            <div class="panel panel-info" style="flex: 4;margin-top:0px;height: 50%">
-              <div class="panel-heading" style="height: auto">
-                <h3 class="panel-title">轨迹记录</h3>
-              </div>
-              <div class="panel-body" style="overflow: scroll; height: 700px">
-                <accordion :one-at-a-time="true" v-if="reponData.length>0">
-                  <template v-for="row in reponData">
-                    <panel is-open="false"  type="primary"  @click="chengeLocation(row)">
-                      <strong slot="header">人员姓名：{{row.name}}</strong>
-<!--                      <div v-for="(idx,item) in row.result" @click="chengeLocation(item)"  :class="{'alert alert-info':idx%2===0,'alert alert-success':idx%2!==0}">-->
-<!--                        轨迹时间段：{{item.f_start_date}} ~ {{item.f_end_date}}-->
-<!--                      </div>-->
-                    </panel>
-                  </template>
-                </accordion>
-                <h4 class="panel-title" v-else>暂无相关数据</h4>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-
-  </div>
-</template>
-
-<script>
-import * as Util from '../Util'
-import {HttpResetClass} from 'vue-client'
-import { douglasPeuckerForAMap } from './douglasPeuckerForAMap'
-
-export default {
-  title: "安检员轨迹展示",
-  data() {
-    return {
-      showTaskPoints: [],
-      taskModel: {},
-      //  当前分公司下所有的用户id
-      toUserIds: '',
-      // 当前公司的所有安检员
-      searchUserEndOption: [],
-      searchDepartmentOption: [],
-      // 请求到的结果集合
-      reponData: [],
-      // 点集
-      outerlinedata: [],
-      pathnavigatorstyle: {
-        // 图标宽度
-        width: 16,
-        // 图标高度
-        height: 32,
-        // 图标地址（外链地址或者Base64）
-        iconBase64: 'https://webapi.amap.com/ui/1.1/ui/misc/PathSimplifier/examples/imgs/car.png'
-      },
-      // 分公司ids
-      f_filialeids: '',
-      path: [],
-      aMap: null,
-      map: null,
-      filialeOptions: [],
-      userid: null,
-      dom: 'amapIdLOCUS' + Math.round(Math.random() * 10) + Math.round(Math.random() * 10),
-      rootSubmenuKeys: ['1', '2'],
-      openKeys: ['1'],
-      searchCondition: {
-        condition: '1 = 1',
-        orderTime: 'ps.f_realtime asc',
-        date: '',
-        userId: undefined,
-        departmentId: undefined
-      }
-    }
-  },
-  methods: {
-    chengeLocation(row) {
-      const points = douglasPeuckerForAMap(row.points, 2, 'tm')
-      this.outerlinedata = [{ path: points, speed: Math.ceil(points.length / 2), name: `${this.searchCondition.date}的轨迹` }]
-    },
-    search() {
-      var condition = '1 = 1'
-      if (!this.f_filialeids) {
-        return this.$showMessage('请选择需要查询的分公司')
-      }
-      if (!this.searchCondition.date) {
-        return this.$showMessage('请选择需要查看的轨迹时间')
-      }
-      // if (!this.searchCondition.userId[0]) {
-      //   return this.$showMessage('请选择需要查看的轨迹所属人员')
-      // }
-
-      if (typeof this.searchCondition.date !== 'string') {
-        this.searchCondition.date = this.searchCondition.date.format('YYYY-MM-DD')
-      }
-      condition += " and ps.f_realtime >= '" + this.searchCondition.date + " 00:00:00' and ps.f_realtime <= '" + this.searchCondition.date + " 23:59:59'"
-      if(this.searchCondition.userId){
-        condition += ` and ps.f_user_id = '${this.searchCondition.userId}'`
-      }
-      let condition2 = '1 = 1'
-      if(this.searchCondition.departmentId){
-        condition2 += ` and d.id = '${this.searchCondition.departmentId}'`
-      }
-      this.searchCondition.condition = condition
-      this.$resetpost('rs/logic/getPhoneState', { condition: this.searchCondition.condition, condition2, orderTime: this.searchCondition.orderTime }, {resolveMsg: "轨迹记录查询成功", rejectMsg: "轨迹记录查询失败"}).then((response)=>{
-        if (response.data.state === 'success') {
-          this.reponData = response.data.result
-          // const points = douglasPeuckerForAMap(response.data.result, 2, 'tm')
-          // this.outerlinedata = [{ path: points, speed: Math.ceil(points.length / 2), name: `${this.searchCondition.date}的轨迹` }]
-        } else {
-          this.$showMessage("该用户当日使用app时间较短或行程较少,不足够生成轨迹")
-        }
-      })
-    },
-    getRes(obj){
-      // this.model.f_filialeids = this.$login.convertToIn(obj.resids);
-      if (obj.res != undefined && obj.res.length > 0 && obj.res[0] != undefined) {
-        this.getNewData(obj.res[0])
-      }
-      this.f_filialeids = this.$login.convertToIn(obj.resids);
-    },
-    //获取定位人员类表
-    async getNewData(organization){
-      // let organization = '公司名称'
-      // let userRolestr  = '需要定位人员'
-      let userRolestr  = '安检员'
-      let res =await new HttpResetClass().load('POST', '/rs/search', {
-        // source: 'this.getParentByType($department$).getAllChildrens().where(row.getAttributes().get($rolestr$).indexOf($需要定位人员$) != -1))',
-        source: "this.getParentByName($"+organization+"$).getAllChildrens().where(row.getAttributes().get($resourcetype$)==$user$).where(row.getAttributes().get($rolestr$)!=null).where(row.getAttributes().get($rolestr$).indexOf($"+userRolestr+"$)!=-1)",
-        userid: this.$login.f.id
-      }, {resolveMsg: null, rejectMsg: null})
-      let dataEnd = [{label:'全部',value:''}]
-      let idsEnd = []
-      res.data.forEach(res=>{
-        let h=true
-        dataEnd.forEach(per=>{
-          if(res.id==per.value){
-            h=false
-          }
-        })
-        if(h){
-          dataEnd.push({label:res.name,value:res.id})
-          idsEnd.push(res.id)
-        }
-      })
-      this.toUserIds = this.$login.convertToIn(idsEnd); //所有的员工ID
-      this.searchUserEndOption = dataEnd
-
-      let resp = await new HttpResetClass().load('POST', `/rs/sql/singleTable`, {
-        data: {
-          tablename: 't_department',
-          condition: `parentid = '${this.$login.f.orgid}' and f_dep_type = '部门'`,
-        }
-      }, {resolveMsg: null, rejectMsg: null})
-      //tag)
-      const departments = [{label: '全部', value: ''}]
-      for (const item of resp.data) {
-        departments.push({
-          label: item.name,
-          value: item.id
-        })
-      }
-      this.searchDepartmentOption = departments
-    },
-    toStandardDateString () {
-      const dt = new Date()
-      const month = dt.getMonth() + 1
-      const date = dt.getDate()
-      return dt.getFullYear() + '-' + (month < 10 ? '0' + month : month) + '-' + (date < 10 ? '0' + date : date)
-    }
-  },
-  ready(){
-    this.searchCondition.date = this.toStandardDateString()
-  }
-}
-</script>
-
-<style lang="less" scoped>
-.amap-main {
-  height: 90%;
-  padding-right:10px;
-}
-</style>
+<template>
+  <div class="basic-main" style="height: 100%">
+    <div class="row">
+      <div class="col-sm-9 amap-main">
+        <div class="form-horizontal select-overspread container-fluid auto">
+          <div class="row">
+            <div class="col-sm-3 form-input-group" style="width: 20%">
+              <label class="control-label">公&emsp;&emsp;司</label>
+              <right-tree-safe @re-res="getRes"  >
+              </right-tree-safe>
+            </div>
+            <div class="col-sm-3 form-input-group" style="width: 20%">
+              <label class="control-label" >轨迹时间</label>
+              <datepicker placeholder="轨迹时间"
+                          :value.sync="searchCondition.date"
+                          v-model="searchCondition.date"
+                          :format="'yyyy-MM-dd'">
+              </datepicker>
+            </div>
+            <div class="col-sm-3 form-input-group" style="width: 20%">
+              <label class="control-label">安检员</label>
+              <v-select :value.sync="searchCondition.userId" v-model='searchCondition.userId'
+                        :value-single="true" clear-button search
+                        :options='searchUserEndOption' placeholder='请选择'
+              ></v-select>
+            </div>
+            <div class="col-sm-3 form-input-group" style="width: 20%">
+              <label class="control-label">班组</label>
+              <v-select :value.sync="searchCondition.departmentId" v-model='searchCondition.departmentId'
+                        :value-single="true" clear-button search
+                        :options='searchDepartmentOption' placeholder='请选择'
+              ></v-select>
+            </div>
+            <div class="col-sm-3 form-input-group" style="width: 20%;float:right;">
+              <button class="btn btn-primary"  @click="search">查询</button>
+            </div>
+          </div>
+        </div>
+        <a-map-trajectory-new :outerlinedata.sync="outerlinedata" :pathnavigatorstyle="pathnavigatorstyle" :dom="dom"></a-map-trajectory-new>
+      </div>
+      <div class="col-sm-3">
+        <div id="zzz" class="basic-main" style="flex:1;margin-left: 0px;overflow: hidden">
+          <div class="flex">
+            <div class="panel panel-info" style="flex: 4;margin-top:0px;height: 50%">
+              <div class="panel-heading" style="height: auto">
+                <h3 class="panel-title">轨迹记录</h3>
+              </div>
+              <div class="panel-body" style="overflow: scroll; height: 700px">
+                <accordion :one-at-a-time="true" v-if="reponData.length>0">
+                  <template v-for="row in reponData">
+                    <panel is-open="false"  type="primary"  @click="chengeLocation(row)">
+                      <strong slot="header">人员姓名：{{row.name}}</strong>
+<!--                      <div v-for="(idx,item) in row.result" @click="chengeLocation(item)"  :class="{'alert alert-info':idx%2===0,'alert alert-success':idx%2!==0}">-->
+<!--                        轨迹时间段：{{item.f_start_date}} ~ {{item.f_end_date}}-->
+<!--                      </div>-->
+                    </panel>
+                  </template>
+                </accordion>
+                <h4 class="panel-title" v-else>暂无相关数据</h4>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+
+  </div>
+</template>
+
+<script>
+import * as Util from '../Util'
+import {HttpResetClass} from 'vue-client'
+import { douglasPeuckerForAMap } from './douglasPeuckerForAMap'
+
+export default {
+  title: "安检员轨迹展示",
+  data() {
+    return {
+      showTaskPoints: [],
+      taskModel: {},
+      //  当前分公司下所有的用户id
+      toUserIds: '',
+      // 当前公司的所有安检员
+      searchUserEndOption: [],
+      searchDepartmentOption: [],
+      // 请求到的结果集合
+      reponData: [],
+      // 点集
+      outerlinedata: [],
+      pathnavigatorstyle: {
+        // 图标宽度
+        width: 16,
+        // 图标高度
+        height: 32,
+        // 图标地址（外链地址或者Base64）
+        iconBase64: 'https://webapi.amap.com/ui/1.1/ui/misc/PathSimplifier/examples/imgs/car.png'
+      },
+      // 分公司ids
+      f_filialeids: '',
+      path: [],
+      aMap: null,
+      map: null,
+      filialeOptions: [],
+      userid: null,
+      dom: 'amapIdLOCUS' + Math.round(Math.random() * 10) + Math.round(Math.random() * 10),
+      rootSubmenuKeys: ['1', '2'],
+      openKeys: ['1'],
+      searchCondition: {
+        condition: '1 = 1',
+        orderTime: 'ps.f_realtime asc',
+        date: '',
+        userId: undefined,
+        departmentId: undefined
+      }
+    }
+  },
+  methods: {
+    chengeLocation(row) {
+      const points = douglasPeuckerForAMap(row.points, 2, 'tm')
+      this.outerlinedata = [{ path: points, speed: Math.ceil(points.length / 2), name: `${this.searchCondition.date}的轨迹` }]
+    },
+    search() {
+      var condition = '1 = 1'
+      if (!this.f_filialeids) {
+        return this.$showMessage('请选择需要查询的分公司')
+      }
+      if (!this.searchCondition.date) {
+        return this.$showMessage('请选择需要查看的轨迹时间')
+      }
+      // if (!this.searchCondition.userId[0]) {
+      //   return this.$showMessage('请选择需要查看的轨迹所属人员')
+      // }
+
+      if (typeof this.searchCondition.date !== 'string') {
+        this.searchCondition.date = this.searchCondition.date.format('YYYY-MM-DD')
+      }
+      condition += " and ps.f_realtime >= '" + this.searchCondition.date + " 00:00:00' and ps.f_realtime <= '" + this.searchCondition.date + " 23:59:59'"
+      if(this.searchCondition.userId){
+        condition += ` and ps.f_user_id = '${this.searchCondition.userId}'`
+      }
+      let condition2 = '1 = 1'
+      if(this.searchCondition.departmentId){
+        condition2 += ` and d.id = '${this.searchCondition.departmentId}'`
+      }
+      this.searchCondition.condition = condition
+      this.$resetpost('rs/logic/getPhoneState', { condition: this.searchCondition.condition, condition2, orderTime: this.searchCondition.orderTime }, {resolveMsg: "轨迹记录查询成功", rejectMsg: "轨迹记录查询失败"}).then((response)=>{
+        if (response.data.state === 'success') {
+          this.reponData = response.data.result
+          // const points = douglasPeuckerForAMap(response.data.result, 2, 'tm')
+          // this.outerlinedata = [{ path: points, speed: Math.ceil(points.length / 2), name: `${this.searchCondition.date}的轨迹` }]
+        } else {
+          this.$showMessage("该用户当日使用app时间较短或行程较少,不足够生成轨迹")
+        }
+      })
+    },
+    getRes(obj){
+      // this.model.f_filialeids = this.$login.convertToIn(obj.resids);
+      if (obj.res != undefined && obj.res.length > 0 && obj.res[0] != undefined) {
+        this.getNewData(obj.res[0])
+      }
+      this.f_filialeids = this.$login.convertToIn(obj.resids);
+    },
+    //获取定位人员类表
+    async getNewData(organization){
+      // let organization = '公司名称'
+      // let userRolestr  = '需要定位人员'
+      let userRolestr  = '安检员'
+      let res =await new HttpResetClass().load('POST', '/rs/search', {
+        // source: 'this.getParentByType($department$).getAllChildrens().where(row.getAttributes().get($rolestr$).indexOf($需要定位人员$) != -1))',
+        source: "this.getParentByName($"+organization+"$).getAllChildrens().where(row.getAttributes().get($resourcetype$)==$user$).where(row.getAttributes().get($rolestr$)!=null).where(row.getAttributes().get($rolestr$).indexOf($"+userRolestr+"$)!=-1)",
+        userid: this.$login.f.id
+      }, {resolveMsg: null, rejectMsg: null})
+      let dataEnd = [{label:'全部',value:''}]
+      let idsEnd = []
+      res.data.forEach(res=>{
+        let h=true
+        dataEnd.forEach(per=>{
+          if(res.id==per.value){
+            h=false
+          }
+        })
+        if(h){
+          dataEnd.push({label:res.name,value:res.id})
+          idsEnd.push(res.id)
+        }
+      })
+      this.toUserIds = this.$login.convertToIn(idsEnd); //所有的员工ID
+      this.searchUserEndOption = dataEnd
+
+      let resp = await new HttpResetClass().load('POST', `/rs/sql/singleTable`, {
+        data: {
+          tablename: 't_department',
+          condition: `parentid = '${this.$login.f.orgid}' and f_dep_type = '部门'`,
+        }
+      }, {resolveMsg: null, rejectMsg: null})
+      //tag)
+      const departments = [{label: '全部', value: ''}]
+      for (const item of resp.data) {
+        departments.push({
+          label: item.name,
+          value: item.id
+        })
+      }
+      this.searchDepartmentOption = departments
+    },
+    toStandardDateString () {
+      const dt = new Date()
+      const month = dt.getMonth() + 1
+      const date = dt.getDate()
+      return dt.getFullYear() + '-' + (month < 10 ? '0' + month : month) + '-' + (date < 10 ? '0' + date : date)
+    }
+  },
+  ready(){
+    this.searchCondition.date = this.toStandardDateString()
+  }
+}
+</script>
+
+<style lang="less" scoped>
+.amap-main {
+  height: 90%;
+  padding-right:10px;
+}
+</style>

package/src/components/map/douglasPeuckerForAMap.js

@@ -1,88 +1,88 @@
-function calculationDistance (point1, point2) {
-  const lat1 = point1[1]
-  const lat2 = point2[1]
-  const lng1 = point1[0]
-  const lng2 = point2[0]
-  const radLat1 = lat1 * Math.PI / 180.0
-  const radLat2 = lat2 * Math.PI / 180.0
-  const a = radLat1 - radLat2
-  const b = (lng1 * Math.PI / 180.0) - (lng2 * Math.PI / 180.0)
-  const s = 2 * Math.asin(Math.sqrt(Math.pow(Math.sin(a / 2), 2) + Math.cos(radLat1) * Math.cos(radLat2) * Math.pow(Math.sin(b / 2), 2)))
-    return s * 6370996.81
-}
-
-function distToSegment (start, end, center) {
-  const a = Math.abs(calculationDistance(start, end))
-  const b = Math.abs(calculationDistance(start, center))
-  const c = Math.abs(calculationDistance(end, center))
-  const p = (a + b + c) / 2.0
-  const s = Math.sqrt(Math.abs(p * (p - a) * (p - b) * (p - c)))
-    return s * 2.0 / a
-}
-
-function compressLine (coordinate, result, start, end, dMax) {
-    if (start < end) {
-      let maxDist = 0
-      let currentIndex = 0
-      const startPoint = coordinate[start]
-      const endPoint = coordinate[end]
-        for (let i = start + 1; i < end; i++) {
-          const currentDist = distToSegment(startPoint, endPoint, coordinate[i])
-            if (currentDist > maxDist) {
-                maxDist = currentDist
-                currentIndex = i
-            }
-        }
-        if (maxDist >= dMax) {
-            //  将当前点加入到过滤数组中
-            result.push(coordinate[currentIndex])
-            //  将原来的线段以当前点为中心拆成两段，分别进行递归处理
-            compressLine(coordinate, result, start, currentIndex, dMax)
-            compressLine(coordinate, result, currentIndex, end, dMax)
-        }
-    }
-    return result
-}
-
-// 调用此方法
-// 第一个参数为GPS点位数组，格式为[[x:lng,y:lat,dateKey:xxx],[x:lng,y:lat,dateKey:xxx],[x:lng,y:lat,dateKey:xxx]...]
-// 第二个参数为误差，大于多少m的误差就保留
-// 第三个参数为时间的key
-export function douglasPeuckerForAMap (originalArr, dMax, dateKey) {
-    const coordinate = []
-
-    for (let index = 0; index < originalArr.length; index++) {
-        const element = originalArr[index]
-        const x = Number(element.x)
-        const y = Number(element.y)
-        const tempArr = [x, y]
-        coordinate.push(tempArr)
-    }
-
-    if (!coordinate || !(coordinate.length > 2)) {
-        return null
-    }
-    coordinate.forEach((item, index) => {
-        item.key = index
-    })
-
-    const result = compressLine(coordinate, [], 0, coordinate.length - 1, dMax)
-
-    result.push(coordinate[0])
-    result.push(coordinate[coordinate.length - 1])
-    const resultLatLng = result.sort((a, b) => {
-        if (a.key < b.key) {
-            return -1
-        } else if (a.key > b.key) {
-          return 1
-        }
-        return 0
-    })
-
-    resultLatLng.forEach((item) => {
-        const originalDate = originalArr[item.key][dateKey]
-        item.push(originalDate)
-    })
-
-    return resultLatLng
-}
+function calculationDistance (point1, point2) {
+  const lat1 = point1[1]
+  const lat2 = point2[1]
+  const lng1 = point1[0]
+  const lng2 = point2[0]
+  const radLat1 = lat1 * Math.PI / 180.0
+  const radLat2 = lat2 * Math.PI / 180.0
+  const a = radLat1 - radLat2
+  const b = (lng1 * Math.PI / 180.0) - (lng2 * Math.PI / 180.0)
+  const s = 2 * Math.asin(Math.sqrt(Math.pow(Math.sin(a / 2), 2) + Math.cos(radLat1) * Math.cos(radLat2) * Math.pow(Math.sin(b / 2), 2)))
+    return s * 6370996.81
+}
+
+function distToSegment (start, end, center) {
+  const a = Math.abs(calculationDistance(start, end))
+  const b = Math.abs(calculationDistance(start, center))
+  const c = Math.abs(calculationDistance(end, center))
+  const p = (a + b + c) / 2.0
+  const s = Math.sqrt(Math.abs(p * (p - a) * (p - b) * (p - c)))
+    return s * 2.0 / a
+}
+
+function compressLine (coordinate, result, start, end, dMax) {
+    if (start < end) {
+      let maxDist = 0
+      let currentIndex = 0
+      const startPoint = coordinate[start]
+      const endPoint = coordinate[end]
+        for (let i = start + 1; i < end; i++) {
+          const currentDist = distToSegment(startPoint, endPoint, coordinate[i])
+            if (currentDist > maxDist) {
+                maxDist = currentDist
+                currentIndex = i
+            }
+        }
+        if (maxDist >= dMax) {
+            //  将当前点加入到过滤数组中
+            result.push(coordinate[currentIndex])
+            //  将原来的线段以当前点为中心拆成两段，分别进行递归处理
+            compressLine(coordinate, result, start, currentIndex, dMax)
+            compressLine(coordinate, result, currentIndex, end, dMax)
+        }
+    }
+    return result
+}
+
+// 调用此方法
+// 第一个参数为GPS点位数组，格式为[[x:lng,y:lat,dateKey:xxx],[x:lng,y:lat,dateKey:xxx],[x:lng,y:lat,dateKey:xxx]...]
+// 第二个参数为误差，大于多少m的误差就保留
+// 第三个参数为时间的key
+export function douglasPeuckerForAMap (originalArr, dMax, dateKey) {
+    const coordinate = []
+
+    for (let index = 0; index < originalArr.length; index++) {
+        const element = originalArr[index]
+        const x = Number(element.x)
+        const y = Number(element.y)
+        const tempArr = [x, y]
+        coordinate.push(tempArr)
+    }
+
+    if (!coordinate || !(coordinate.length > 2)) {
+        return null
+    }
+    coordinate.forEach((item, index) => {
+        item.key = index
+    })
+
+    const result = compressLine(coordinate, [], 0, coordinate.length - 1, dMax)
+
+    result.push(coordinate[0])
+    result.push(coordinate[coordinate.length - 1])
+    const resultLatLng = result.sort((a, b) => {
+        if (a.key < b.key) {
+            return -1
+        } else if (a.key > b.key) {
+          return 1
+        }
+        return 0
+    })
+
+    resultLatLng.forEach((item) => {
+        const originalDate = originalArr[item.key][dateKey]
+        item.push(originalDate)
+    })
+
+    return resultLatLng
+}