| | |
| | | </template> |
| | | |
| | | <script> |
| | | import mapServer from '@/assets/js/mapSdk/mapServe'; |
| | | import mapConfig from '@/assets/js/mapSdk/mapConfig'; |
| | | import mapData from '@/assets/js/mapSdk/mapData'; |
| | | import mapServer from '@/assets/js/mapSdk/mapServe.js'; |
| | | import mapConfig from '@/assets/js/mapSdk/mapConfig.js'; |
| | | import mapData from '@/assets/js/mapSdk/mapData.js'; |
| | | import { layer_selectAll } from "@/api/mapView/map.js"; |
| | | import axios from 'axios'; |
| | | import road from './road'; |
| | | export default { |
| | | name: 'mapView', |
| | | mounted() { |
| | |
| | | } |
| | | // 默认设置底图 |
| | | this.addImageLayer(); |
| | | |
| | | |
| | | |
| | | }, |
| | | addImageLayer() { |
| | | const baseLayer = mapData.baseLayer; |
| | |
| | | }, |
| | | setdefaultPerspective() { |
| | | mapConfig.sertCameraTo(mapData.defaultPerspective); |
| | | if (config.baseModel.url) { |
| | | if (config.baseModel.flag) { |
| | | mapServer.addLayer(config.baseModel); |
| | | } |
| | | this.getSelectLayers(); |
| | | |
| | | |
| | | }, |
| | | getSelectLayers() { |
| | | layer_selectAll().then(response => { |
| | | if (response.data.code != 200) return |
| | | |
| | | const val = response.data.result.filter(item => { |
| | | |
| | | |
| | | response.data.result.filter(item => { |
| | | if (item.type == 2 && item.isShow == 1) { |
| | | |
| | | mapServer.addLayer(item) |
| | | |
| | | if (item.cnName != "配网线") { |
| | | mapServer.addLayer(item) |
| | | } |
| | | } |
| | | return item; |
| | | |
| | | }) |
| | | |
| | | this.$nextTick(() => { |
| | | this.addRoadLayer(); |
| | | }) |
| | | |
| | | }) |
| | | }, |
| | | addRoadLayer() { |
| | | earthCtrl.factory.createPathLayer({ |
| | | url: road, |
| | | // color: "#00FA9A", //线的颜色 |
| | | color: "#ff0000", //线的颜色 |
| | | width: 5.0, //线的宽度 |
| | | pointColor: "#FFFFFF", //移动点的颜色 |
| | | speed: 1, |
| | | far: 50000 |
| | | }); |
| | | } |
| | | } |
| | | } |
| | | </script> |