企业应急-事件上报-管段定位

陈泽平

2021-05-28 0347d81ad6cc8dd93244d64aef13fa69a727d5d6

 src/components/base-page/enterprise-emergency/events-reported/ReportLocationSearch.vue

@@ -12,7 +12,7 @@
<script>

import { reportLocationSearch } from '../../../../api/request'
// import { pulseEffect } from '../../../../utils/utils'
import { pulseEffect } from '../../../../utils/utils'
export default {
  name: 'ReportLocationSearch',
  data () {
@@ -24,9 +24,9 @@
  methods: {
    // 获得焦点 进行定位
    focusLocation () {
      console.log(this.clickLocation)
      console.log(window.map.getZoom())
      console.log(window.map.getBounds())
      // console.log(this.clickLocation)
      // console.log(window.map.getZoom())
      // console.log(window.map.getBounds())
      const getBoundsData = '' + window.map.getBounds()._southWest.lng + ',' + window.map.getBounds()._southWest.lat + ',' + window.map.getBounds()._northEast.lng + ',' + window.map.getBounds()._northEast.lat
      const data = {
        postStr: {
@@ -40,16 +40,19 @@
        },
        type: 'query'
      }
      console.log(data)
      // console.log(data)
      reportLocationSearch(data).then(res => {
        // console.log(res)
        const as = res.pois[0].lonlat.trim().split(' ')
        window.map.setView([as[1], as[0]], 17)
        // for (let i = 0; i < res.pois.length; i++) {
        //   const as = res.pois[i].lonlat.trim().split(' ')
        //   window.map.flyTo([as[0], as[1]], 16)
        // }
        // window.map.setView(as, 17)
        console.log(res)
        // const as = res.pois[0].lonlat.trim().split(' ')
        // window.map.setView([as[1], as[0]], 17)
        // pulseEffect([as[1], as[0]])
        for (let i = 0; i < res.pois.length; i++) {
          const as = res.pois[i].lonlat.trim().split(' ')
          if (res.pois[i].name.indexOf(this.clickLocation) >= 0) {
            window.map.setView([as[1], as[0]], 17)
            pulseEffect([as[1], as[0]])
          }
        }
      })
    },
    // 点击确认按钮事件