src/components/BaseNav/PublicBounced/common/echarts/EChartsDate.vue | ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史 | |
src/components/BaseNav/PublicBounced/common/echarts/EChartsHour.vue | ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史 | |
src/components/BaseNav/PublicBounced/common/echarts/Echarts.vue | ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史 | |
src/components/BaseNav/PublicBounced/common/echarts/PublicDetailedList.vue | ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史 | |
src/components/LayerController/logic/WasteGas.js | ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史 |
src/components/BaseNav/PublicBounced/common/echarts/EChartsDate.vue
@@ -57,6 +57,7 @@ </template> <script> import mapApi from '@/api/mapApi' import PublicDetailedList from '@components/BaseNav/PublicBounced/common/echarts/PublicDetailedList' import dayjs from 'dayjs' @@ -150,6 +151,17 @@ this.onSubmit() }, methods: { async getWasteGasMonData () { const GasOnlinedata = { onLineMonEmissPointId: '23', monItemId: '28,31', beginTime: '2020-04-06 15:13:20', endTime: '2020-04-07 15:13:20', dataType: '1' } const data = await mapApi.getWasteGasMonData(GasOnlinedata) this.JsonDayCharts = data }, onSubmit () { console.log('submit!') this.CreateCharts(this.JsonDayCharts.id, this.JsonDayCharts.title, this.JsonDayCharts.legend, this.JsonDayCharts.xdata, this.JsonDayCharts.ydatas, this.JsonDayCharts.yname, this.JsonDayCharts.id, this.JsonDayCharts.datatype) src/components/BaseNav/PublicBounced/common/echarts/EChartsHour.vue
@@ -37,7 +37,7 @@ center v-dialogDrag > <div class="el-dialog-div" style="height: 500px"> <div class="el-dialog-div"> <public-detailed-list v-bind="$attrs"></public-detailed-list> </div> </el-dialog> @@ -45,6 +45,7 @@ </template> <script> // import mapApi from '@/api/mapApi' import PublicDetailedList from '@components/BaseNav/PublicBounced/common/echarts/PublicDetailedList' import dayjs from 'dayjs' export default { @@ -517,6 +518,395 @@ // createDivByMouse("s",params.event); }) */ } // 废气按天查询小时数据 // queryZDYDate_24 (id) { // this.formInline.timeStart // this.formInline.timeEnd // // var date = $('#riqi_24').val() // // if (date) { // // var date1 = new Date(date) // // date1 = new Date(date1.getTime() - (8 * 3600000)) // // console(date1) // // var dateUtil = new DateUtil() // // var datePkg = dateUtil.getTowDate(date1, 'a', 24 * 3600000 - 1) // // var dateTime1FullStr = // var datatype = 2 // console(datePkg) // // if (CFG_Model.production) { // get24HourDate(datePkg.dateTime1FullStr, datePkg.dateTime2FullStr, id, datatype, '28,31,226', function (res) { // // 处理数据开始 // var d = res // var nameList = [] // 存放图例 // var dateList = [] // 存放时间 // var dataList = [] // 存放数据 // var bzh = [] // 标准值 // var data = [] // wrwIDS = [] // for (var i = 0; i < d.length; i++) { // var MonTimeStr = d[i].MonTimeStr // // // 20190430 add 获取监测点id 污染物id 检测项id // getWRW(d[i]) // // var strDate // var d1 = MonTimeStr.split('/') // var d2 = d1[2].split(' ') // var t = MonTimeStr.split(' ') // var hlist = t[1].split(':') // var h = hlist[0] // if (d1[1] > 9) { // // strDate=MonTimeStr.substring(8,10)+"日"; // if (d2[0] > 9) { // strDate = '' // if (h > 9) { // strDate += MonTimeStr.substring(11, 13) + '时' // } else { // strDate += MonTimeStr.substring(11, 12) + '时' // } // } else { // strDate = '' // if (h > 9) { // strDate += MonTimeStr.substring(10, 12) + '时' // } else { // strDate += MonTimeStr.substring(10, 11) + '时' // } // } // } else { // if (d2[0] > 9) { // strDate = '' // if (h > 9) { // strDate += MonTimeStr.substring(10, 12) + '时' // } else { // strDate += MonTimeStr.substring(10, 11) + '时' // } // } else { // strDate = '' // if (h > 9) { // strDate += MonTimeStr.substring(9, 11) + '时' // } else { // strDate += MonTimeStr.substring(9, 10) + '时' // } // } // } // // if (nameList.length == 0) { // nameList.push(d[i].PoltmtrlName.trim()) // dateList.push(strDate) // if ((d[i].PoltmtrlName == '废气流量' || d[i].PoltmtrlName == '废气') && d[i].MonQty < 0) { // d[i].MonQty = 0 // } // data.push(d[i].MonQty) // bzh.push(d[i].StdValue) // } else if (nameList.indexOf(d[i].PoltmtrlName.trim()) < 0) { // nameList.push(d[i].PoltmtrlName) // bzh.push(d[i].StdValue) // dataList.push(data) // data = new Array() // if ((d[i].PoltmtrlName == '废气流量' || d[i].PoltmtrlName == '废气') && d[i].MonQty < 0) { // d[i].MonQty = 0 // } // data.push(d[i].MonQty) // } else if (i == d.length - 1) { // if ((d[i].PoltmtrlName == '废气流量' || d[i].PoltmtrlName == '废气') && d[i].MonQty < 0) { // d[i].MonQty = 0 // } // data.push(d[i].MonQty) // dataList.push(data) // } else { // if (dateList.indexOf(strDate) < 0) { // dateList.push(strDate) // } // if ((d[i].PoltmtrlName == '废气流量' || d[i].PoltmtrlName == '废气') && d[i].MonQty < 0) { // d[i].MonQty = 0 // } // data.push(d[i].MonQty) // } // } // // 处理数据结束 // // // dateList=get24DateTime(); // // var newList = [] // for (var i = 0; i < dataList.length; i++) { // var list = dataList[i].reverse() // newList.push(list) // } // dataList = newList // // var id = 'mychart' // var title = '加热炉烟气' // var lengList = [] // var objTemp // // for (var l = 0; l < nameList.length; l++) { // var obj // var iconurl // if (nameList[l] == '二氧化硫') { // iconurl = 'image://../assets/imgs/legend/SO2.png' // } else if (nameList[l] == '氮氧化物') { // iconurl = 'image://../assets/imgs/legend/NOX.png' // } else if (nameList[l] == '烟尘') { // iconurl = 'image://../assets/imgs/legend/YanChen.png' // } else if (nameList[l] == '非甲烷总烃') { // iconurl = 'image://../assets/imgs/legend/grn.png' // } else if (nameList[l] == '温度') { // iconurl = 'image://../assets/imgs/legend/WenDu.png' // } else { // iconurl = 'image://../assets/imgs/legend/VOCs.png' // } // // if (nameList[l] == '废气' || nameList[l] == '废气流量') { // 将废气流量排到数组最后 // objTemp = { // name: nameList[l], // icon: iconurl, // textStyle: { // color: '#ccc' // }, // itemWidth: 20, // itemHeight: 5 // } // } else { // obj = { // name: nameList[l], // icon: iconurl, // textStyle: { // color: '#ccc' // }, // itemWidth: 20, // itemHeight: 5 // } // lengList.push(obj) // } // } // lengList.push(objTemp) // // var legend = lengList // var xdata = dateList.reverse() // var ydatas = [] // // for (var j = 0; j < nameList.length; j++) { // var zdcbcolor, zxcolor // if (nameList[j] == '二氧化硫') { // zdcbcolor = 'red' // zxcolor = '#fff21c' // } else if (nameList[j] == '氮氧化物') { // zdcbcolor = 'red' // zxcolor = '#00B0F0' // } else if (nameList[j] == '烟尘') { // zdcbcolor = 'red' // zxcolor = '#f48183' // } else if (nameList[j] == '温度') { // zdcbcolor = 'red' // zxcolor = '#F206FF' // } else { // zdcbcolor = 'red' // zxcolor = '#9ACD32' // } // var ydata = { // name: nameList[j], // data: dataList[j], // zdcbcolor: zdcbcolor, // zxcolor: zxcolor, // bzz: bzh[j] // } // exhbzz = { // name: nameList[j], // bzhui: bzh[j] // } // exhbzzList.push(exhbzz) // // ydatas.push(ydata) // } // // var yname = '浓度(mg/m³)' // CreateChart(id, title, legend, xdata, ydatas, yname, id, datatype) // console.log(123323) // console.log(id, title, legend, xdata, ydatas, yname, id, datatype) // }) // } else { // get24HourDate1(datePkg.dateTime1FullStr, datePkg.dateTime2FullStr, id, datatype, '28,31', function (res) { // // 处理数据开始 // var d = res // var nameList = [] // 存放图例 // var dateList = [] // 存放时间 // var dataList = [] // 存放数据 // var bzh = [] // 标准值 // var data = [] // wrwIDS = [] // for (var i = 0; i < d.length; i++) { // var MonTimeStr = d[i].MonTimeStr // // // 20190430 add 获取监测点id 污染物id 检测项id // getWRW(d[i]) // // var strDate // var d1 = MonTimeStr.split('/') // var t = MonTimeStr.split(' ') // var hlist = t[1].split(':') // var h = hlist[0] // if (d1[1] > 9) { // // strDate=MonTimeStr.substring(8,10)+"日"; // strDate = '' // if (h > 9) { // strDate += MonTimeStr.substring(11, 13) + '时' // } else { // strDate += MonTimeStr.substring(11, 12) + '时' // } // } else { // // strDate=MonTimeStr.substring(7,9)+"日"; // strDate = '' // if (h > 9) { // strDate += MonTimeStr.substring(10, 12) + '时' // } else { // strDate += MonTimeStr.substring(10, 11) + '时' // } // } // // if (nameList.length == 0) { // nameList.push(d[i].PoltmtrlName.trim()) // dateList.push(strDate) // if ((d[i].PoltmtrlName == '废气流量' || d[i].PoltmtrlName == '废气') && d[i].MonQty < 0) { // d[i].MonQty = 0 // } // data.push(d[i].MonQty) // bzh.push(d[i].StdValue) // } else if (nameList.indexOf(d[i].PoltmtrlName.trim()) < 0) { // nameList.push(d[i].PoltmtrlName) // bzh.push(d[i].StdValue) // dataList.push(data) // data = new Array() // if ((d[i].PoltmtrlName == '废气流量' || d[i].PoltmtrlName == '废气') && d[i].MonQty < 0) { // d[i].MonQty = 0 // } // data.push(d[i].MonQty) // } else if (i == d.length - 1) { // if ((d[i].PoltmtrlName == '废气流量' || d[i].PoltmtrlName == '废气') && d[i].MonQty < 0) { // d[i].MonQty = 0 // } // data.push(d[i].MonQty) // dataList.push(data) // } else { // if (dateList.indexOf(strDate) < 0) { // dateList.push(strDate) // } // if ((d[i].PoltmtrlName == '废气流量' || d[i].PoltmtrlName == '废气') && d[i].MonQty < 0) { // d[i].MonQty = 0 // } // data.push(d[i].MonQty) // } // } // // 处理数据结束 // // dateList = get24DateTime() // dateList.reverse() // var newList = [] // // for (var i = 0; i < dataList.length; i++) { // var list = dataList[i].reverse() // newList.push(list) // } // dataList = newList // // var id = 'mychart' // var title = '加热炉烟气' // var lengList = [] // var objTemp // // for (var l = 0; l < nameList.length; l++) { // var obj // var iconurl // if (nameList[l] == '二氧化硫') { // iconurl = 'image://../assets/imgs/legend/SO2.png' // } else if (nameList[l] == '氮氧化物') { // iconurl = 'image://../assets/imgs/legend/NOX.png' // } else if (nameList[l] == '烟尘') { // iconurl = 'image://../assets/imgs/legend/YanChen.png' // } else if (nameList[l] == '非甲烷总烃') { // iconurl = 'image://../assets/imgs/legend/grn.png' // } else if (nameList[l] == '温度') { // iconurl = 'image://../assets/imgs/legend/WenDu.png' // } else { // iconurl = 'image://../assets/imgs/legend/VOCs.png' // } // // if (nameList[l] == '废气' || nameList[l] == '废气流量') { // 将废气流量排到数组最后 // objTemp = { // name: nameList[l], // icon: iconurl, // textStyle: { // color: '#ccc' // }, // itemWidth: 20, // itemHeight: 5 // } // } else { // obj = { // name: nameList[l], // icon: iconurl, // textStyle: { // color: '#ccc' // }, // itemWidth: 20, // itemHeight: 5 // } // lengList.push(obj) // } // } // lengList.push(objTemp) // // var legend = lengList // var xdata = dateList.reverse() // var ydatas = [] // // for (var j = 0; j < nameList.length; j++) { // var zdcbcolor, zxcolor // if (nameList[j] == '二氧化硫') { // zdcbcolor = 'red' // zxcolor = '#fff21c' // } else if (nameList[j] == '氮氧化物') { // zdcbcolor = 'red' // zxcolor = '#00B0F0' // } else if (nameList[j] == '烟尘') { // zdcbcolor = 'red' // zxcolor = '#f48183' // } else if (nameList[j] == '温度') { // zdcbcolor = 'red' // zxcolor = '#F206FF' // } else { // zdcbcolor = 'red' // zxcolor = '#9ACD32' // } // var ydata = { // name: nameList[j], // data: dataList[j], // zdcbcolor: zdcbcolor, // zxcolor: zxcolor, // bzz: bzh[j] // } // exhbzz = { // name: nameList[j], // bzhui: bzh[j] // } // exhbzzList.push(exhbzz) // ydatas.push(ydata) // } // // var yname = '浓度(mg/m³)' // CreateChart(id, title, legend, xdata, ydatas, yname, id, datatype) // onsole.log(id, title, legend, xdata, ydatas, yname, id, datatype) // }) // } // $('.btm span:nth-child(2)').empty() // var html = '监测时间 (' + datePkg.dateTime1FullStr + ' 至 ' + datePkg.dateTime2FullStr + ')' // $('.btm span:nth-child(2)').html(html) // // fore24Time = datePkg.dateTime1FullStr // back24Time = datePkg.dateTime2FullStr // } else { // alert('查询时间不能为空!') // } // } // drawChart: function () { // window.onresize = function () { // var h1 = document.documentElement.clientHeight// 获取屏幕的高度 src/components/BaseNav/PublicBounced/common/echarts/Echarts.vue
@@ -835,6 +835,7 @@ } console.log(option) this.RealTimeChart.setOption(option) // this.IntervalEXHRealTimeDate() // this.RealTimeChart.on('legendselectchanged', function (params) { // var StdVal = null @@ -860,153 +861,153 @@ // var nowDate = new Date().Format() // }) }, getRtdb15s (unionTagCodeList, startTime, endTime, step, res) { if (this.res.length > 0) { // 处理数据开始 var d = res var nameList = [] // 存放图例 var data // 数据类型// var data={name:'',value:[now1.getFullYear(), now1.getMonth() + 1, now1.getDate().join('/'),value]} var datalist // 存放data的数组 // var bzh = [] for (var i = 0; i < d.length; i++) { if (d[i].ErrorMessage != null) { continue } // var name = CFG.DATA_REALTIME_TAGCODETABLE[d[i].UnionTagCode].TagName if (nameList.length === 0) { nameList.push(name) var newdate = new Date(this.res.ReadTime) data = { name: name, value: [newdate, this.res.TagValue] } datalist = { name: name, data: [data] } this.EXHRealTimeDataList.push(datalist) } else if (nameList.indexOf(name) < 0) { nameList.push(name) // var newdate = new Date(d[i].ReadTime) data = { name: name, value: [newdate, d[i].TagValue] } datalist = { name: name, data: [data] } this.EXHRealTimeDataList.push(datalist) } else if (i === d.length - 1) { if (nameList.indexOf(name) < 0) { nameList.push(name) // var newdate = new Date(d[i].ReadTime) data = { name: name, value: [newdate, d[i].TagValue] } datalist = { name: name, data: [data] } // EXHRealTimeDataList.push(datalist) } else { // var newdate = new Date(d[i].ReadTime) data = { name: name, value: [newdate, d[i].TagValue] } for (var k = 0; k < this.EXHRealTimeDataList.length; k++) { if (this.EXHRealTimeDataList[k].name === name) { this.EXHRealTimeDataList[k].data.push(data) } } } } else { const newdate = new Date(d[i].ReadTime) data = { name: name, value: [newdate, d[i].TagValue] } for (let k = 0; k < this.EXHRealTimeDataList.length; k++) { if (this.EXHRealTimeDataList[k].name === name) { this.EXHRealTimeDataList[k].data.push(data) } } } } // var divid = 'mychart_ss' // var title = name var lengList = [] var objTemp for (var l = 0; l < nameList.length; l++) { var obj var iconurl if (nameList[l] === '二氧化硫') { iconurl = 'image://../assets/imgs/legend/SO2.png' } else if (nameList[l] === '氮氧化物') { iconurl = 'image://../assets/imgs/legend/NOX.png' } else if (nameList[l] === '烟尘') { iconurl = 'image://../assets/imgs/legend/YanChen.png' } else if (nameList[l] === '非甲烷总烃') { iconurl = 'image://../assets/imgs/legend/grn.png' } else if (nameList[l] === '温度') { iconurl = 'image://../assets/imgs/legend/WenDu.png' } else { iconurl = 'image://../assets/imgs/legend/VOCs.png' } if (nameList[l] === '废气' || nameList[l] === '废气流量') { // 将废气流量排到数组最后 objTemp = { name: nameList[l], icon: iconurl, textStyle: { color: '#ccc' }, itemWidth: 20, itemHeight: 5 } } else { obj = { name: nameList[l], icon: iconurl, textStyle: { color: '#ccc' }, itemWidth: 20, itemHeight: 5 } lengList.push(obj) } } lengList.push(objTemp) this.DrawEXHRealTimeDateChart(this.JsonTimeCtarts.id, this.JsonTimeCtarts.title, this.JsonTimeCtarts.legend, this.JsonTimeCtarts.ydatas, this.JsonTimeCtarts.yname) } }, // getRtdb15s (unionTagCodeList, startTime, endTime, step, res) { // if (this.res.length > 0) { // // 处理数据开始 // var d = res // var nameList = [] // 存放图例 // // var data // 数据类型// var data={name:'',value:[now1.getFullYear(), now1.getMonth() + 1, now1.getDate().join('/'),value]} // var datalist // 存放data的数组 // // var bzh = [] // for (var i = 0; i < d.length; i++) { // if (d[i].ErrorMessage != null) { // continue // } // // var name = CFG.DATA_REALTIME_TAGCODETABLE[d[i].UnionTagCode].TagName // // if (nameList.length === 0) { // nameList.push(name) // // var newdate = new Date(this.res.ReadTime) // data = { // name: name, // value: [newdate, this.res.TagValue] // } // // datalist = { // name: name, // data: [data] // } // // this.EXHRealTimeDataList.push(datalist) // } else if (nameList.indexOf(name) < 0) { // nameList.push(name) // // // var newdate = new Date(d[i].ReadTime) // // data = { // name: name, // value: [newdate, d[i].TagValue] // } // datalist = { // name: name, // data: [data] // } // this.EXHRealTimeDataList.push(datalist) // } else if (i === d.length - 1) { // if (nameList.indexOf(name) < 0) { // nameList.push(name) // // // var newdate = new Date(d[i].ReadTime) // // data = { // name: name, // value: [newdate, d[i].TagValue] // } // datalist = { // name: name, // data: [data] // } // // EXHRealTimeDataList.push(datalist) // } else { // // var newdate = new Date(d[i].ReadTime) // data = { // name: name, // value: [newdate, d[i].TagValue] // } // for (var k = 0; k < this.EXHRealTimeDataList.length; k++) { // if (this.EXHRealTimeDataList[k].name === name) { // this.EXHRealTimeDataList[k].data.push(data) // } // } // } // } else { // const newdate = new Date(d[i].ReadTime) // data = { // name: name, // value: [newdate, d[i].TagValue] // } // for (let k = 0; k < this.EXHRealTimeDataList.length; k++) { // if (this.EXHRealTimeDataList[k].name === name) { // this.EXHRealTimeDataList[k].data.push(data) // } // } // } // } // // // var divid = 'mychart_ss' // // var title = name // var lengList = [] // var objTemp // // for (var l = 0; l < nameList.length; l++) { // var obj // var iconurl // if (nameList[l] === '二氧化硫') { // iconurl = 'image://../assets/imgs/legend/SO2.png' // } else if (nameList[l] === '氮氧化物') { // iconurl = 'image://../assets/imgs/legend/NOX.png' // } else if (nameList[l] === '烟尘') { // iconurl = 'image://../assets/imgs/legend/YanChen.png' // } else if (nameList[l] === '非甲烷总烃') { // iconurl = 'image://../assets/imgs/legend/grn.png' // } else if (nameList[l] === '温度') { // iconurl = 'image://../assets/imgs/legend/WenDu.png' // } else { // iconurl = 'image://../assets/imgs/legend/VOCs.png' // } // // if (nameList[l] === '废气' || nameList[l] === '废气流量') { // 将废气流量排到数组最后 // objTemp = { // name: nameList[l], // icon: iconurl, // textStyle: { // color: '#ccc' // }, // itemWidth: 20, // itemHeight: 5 // } // } else { // obj = { // name: nameList[l], // icon: iconurl, // textStyle: { // color: '#ccc' // }, // itemWidth: 20, // itemHeight: 5 // } // lengList.push(obj) // } // } // lengList.push(objTemp) // // this.DrawEXHRealTimeDateChart(this.JsonTimeCtarts.id, this.JsonTimeCtarts.title, this.JsonTimeCtarts.legend, this.JsonTimeCtarts.ydatas, this.JsonTimeCtarts.yname) // } // }, // 钩子调用实时 IntervalEXHRealTimeDate (id, unionTagCodeList, BBZMAPPING) { IntervalEXHRealTimeDate () { // 定时器函数 this.interValHander = setInterval(function () { this.DrawEXHRealTimeDateChart() setInterval(function () { // $('.RealTime').empty() this.startTime = dayjs().subtract(5, 'minute').format('YYYY-MM-DD HH:mm:ss') this.endTime = dayjs().format('YYYY-MM-DD HH:mm:ss') this.step = '15' // this.getRtdb15s(this.unionTagCodeList, this.startTime, this.endTime, this.step, this.res) // PreQueryTime=endTime; this.DrawEXHRealTimeDateChart(this.JsonTimeCtarts.id, this.JsonTimeCtarts.title, this.JsonTimeCtarts.legend, this.JsonTimeCtarts.ydatas, this.JsonTimeCtarts.yname) this.IntervalEXHRealTimeDate(this.JSONTimeData.id, this.JSONTimeData.unionTagCodeList, this.BBZMAPPING) this.IntervalEXHRealTimeDate() }, 15000) } } src/components/BaseNav/PublicBounced/common/echarts/PublicDetailedList.vue
@@ -1,6 +1,6 @@ <template> <div class="PublicDetailedList"> <el-table :data="tableData" max-height="400px" border> <el-table :data="tableData" max-height="500px" border> <el-scrollbar style="height: 50vh"> <el-table-column prop="OnLineMonEmissPointName" label="排放点"></el-table-column> <el-table-column prop="MonTimeStr" label="监测时间"></el-table-column> @@ -31,6 +31,7 @@ </template> <script> // import mapApi from '@/api/mapApi' export default { name: 'PublicDetailedList', data () { @@ -38,16 +39,20 @@ tableData: [] } }, mounted () { created () { // console.log(this.$attrs.value) if (this.$attrs.value === 'feiqi') { this.tableData = this.$attrs.getWasteGasDetails // console.log(this.$attrs.getWasteGasDetails) } else if (this.$attrs.value === 'feishui') { this.tableData = this.$attrs.getWasteWaterMonitoringDetails // console.log(this.$attrs.getWasteWaterMonitoringDetails) } this.tableData = this.$attrs.getWasteGasDetails // this.getWasteGasDetails() // console.log(this.tableData) // console.log(this.$attrs.getWasteGasDetails) } // methods: { // async getWasteGasDetails () { // const data = await mapApi.getWasteGasDetails // this.tableData = data // console.log(this.tableData) // } // } } </script> src/components/LayerController/logic/WasteGas.js
@@ -87,7 +87,8 @@ instance.$mount() document.body.appendChild(instance.$el) instance.setGasData(e.layer.options.test, result.Result.DataInfo, Mondata.Result.DataInfo, ManualData.Result.DataInfo, 'feiqi') this.setPanTo(e.latlng, 80) this.setPanTo(e.latlng, 150) console.log(e.latlng) } // 不同类型图片加载 this.differentTypes = (ContrLevel) => {