From 896634d49ec0991b3859e7e4813ff95d9dac352c Mon Sep 17 00:00:00 2001 From: 徐旺旺 <11530253@qq.com> Date: 星期四, 01 四月 2021 14:45:52 +0800 Subject: [PATCH] Merge remote-tracking branch 'origin/develop' into develop --- src/components/LayerController/logic/SolidWaste.js | 63 ++++++++++++++++++------------- 1 files changed, 36 insertions(+), 27 deletions(-) diff --git a/src/components/LayerController/logic/SolidWaste.js b/src/components/LayerController/logic/SolidWaste.js index 37b4b15..bb980a5 100644 --- a/src/components/LayerController/logic/SolidWaste.js +++ b/src/components/LayerController/logic/SolidWaste.js @@ -36,52 +36,33 @@ var iconUrl = this.differentTypes(judgeValue) const marker = L.marker([positionX, positionY], { - test: getSolidWasteData[i], + totransferData: getSolidWasteData[i], icon: L.icon({ iconUrl: iconUrl, iconSize: [50, 50], iconAnchor: [25, 25] }) }) + marker.bindTooltip(getSolidWasteData[i].Name, { + permanent: true, + offset: [0, 14], + direction: 'bottom', + className: 'company-bindTooltip' + }) layer.addLayer(marker) } } this.bindTooltip = (layer) => { - return layer.options.test.Name + return layer.options.totransferData.Name } this.clickListener = (e) => { // 鐐瑰嚮marker鐨刾ulse()鍏夋尝 this.animalService.pulseEffect(e.latlng) - /* flyTo()寮瑰嚭妗嗗钩绉讳簨浠� */ - // this.setPanTo(e.latlng, 200) /* 鐐瑰嚮鏁版嵁鐨勬帴鍙h姹� */ this.requestSolidWasteData(e).then(e) } - - // 鏍规嵁鐐瑰嚮涓嶅悓鏁版嵁 杩涜鎺ュ彛鐨勬暟鎹姹� - this.requestSolidWasteData = async (e) => { - const dataValue = { - StoragePlaceId: e.layer.options.test.StoragePlaceId - } - const result = await mapApi.getSolidWasteBaseInfo(dataValue) - // console.log(result) - const PublicBounced = window.Vue.extend(publicBounced) - const instance = new PublicBounced() - instance.$mount() - document.body.appendChild(instance.$el) - instance.setData(result.Result.DataInfo, 'gufei') - } - - // flayTo() - // this.setPanTo = (pos, value) => { - // var position = pos - // position = this.map.latLngToLayerPoint(position) - // position.y += value - // position = this.map.layerPointToLatLng(position) - // this.map.flyTo(position) - // } // 涓嶅悓绫诲瀷鍥剧墖灏佽 this.differentTypes = (judgeValue) => { @@ -93,4 +74,32 @@ } return effectOfChange } + + // 鏍规嵁鐐瑰嚮涓嶅悓鏁版嵁 杩涜鎺ュ彛鐨勬暟鎹姹� + this.requestSolidWasteData = async (e) => { + // 鍩烘湰淇℃伅灞曠ず + const dataValue = { + StoragePlaceId: e.layer.options.totransferData.StoragePlaceId + } + const resultBasic = await mapApi.getSolidWasteBaseInfo(dataValue) + // 璇︾粏淇℃伅灞曠ず + const resultDetailed = await mapApi.getSolidWasteDetail(dataValue) + + const PublicBounced = window.Vue.extend(publicBounced) + const instance = new PublicBounced() + instance.$mount() + document.body.appendChild(instance.$el) + instance.setData(resultBasic.Result.DataInfo, resultDetailed, 'gufei') + /* flyTo()寮瑰嚭妗嗗钩绉讳簨浠� */ + this.setPanTo(e.latlng, 200) + } + + // flayTo() + this.setPanTo = (pos, value) => { + var position = pos + position = window.map.latLngToLayerPoint(position) + position.y += value + position = window.map.layerPointToLatLng(position) + window.map.flyTo(position) + } } -- Gitblit v1.8.0