| | |
| | | mounted() { |
| | | axios.get("./static/json/layers.json").then( |
| | | (res) => { |
| | | console.log("layers.json", res); |
| | | // console.log("layers.json", res); |
| | | //获取默认选中数据的id |
| | | this.parseJson(res.data.children); |
| | | |
| | |
| | | serverType: "geoserver", |
| | | }), |
| | | }); |
| | | window.map.addLayer(layer); |
| | | window.mapapi.addLayer(layer); |
| | | break; |
| | | case "wfs": |
| | | // wfs数据 |
| | |
| | | }, |
| | | initLdgCluster(treeNode) { |
| | | if (treeNode.checked == false) { |
| | | window.map.removeLayer(window.ldgclusterLayer); |
| | | window.map.removeLayer(window.tldgclusterLayer); |
| | | window.mapapi.removeLayer(window.ldgclusterLayer); |
| | | window.mapapi.removeLayer(window.tldgclusterLayer); |
| | | return; |
| | | } |
| | | const loading = this.$loading({ |
| | |
| | | }, |
| | | }); |
| | | |
| | | window.map.addLayer(window.ldgclusterLayer); |
| | | window.mapapi.addLayer(window.ldgclusterLayer); |
| | | } else if (treeNode.name == "路名牌杆 ") { |
| | | window.tldgclusterLayer = new ol.layer.Vector({ |
| | | source: clusterSource, |
| | |
| | | }, |
| | | }); |
| | | |
| | | window.map.addLayer(window.tldgclusterLayer); |
| | | window.mapapi.addLayer(window.tldgclusterLayer); |
| | | } |
| | | |
| | | // 将聚合层加入地图 |
| | | window.map.removeLayer(window.jkspclusterLayer); |
| | | window.map.removeLayer(window.qiyeclusterLayer); |
| | | window.mapapi.removeLayer(window.jkspclusterLayer); |
| | | window.mapapi.removeLayer(window.qiyeclusterLayer); |
| | | loading.close(); |
| | | }, |
| | | initCluster(treeNode) { |
| | | if (treeNode.checked == false) { |
| | | window.map.removeLayer(window.jkspclusterLayer); |
| | | window.mapapi.removeLayer(window.jkspclusterLayer); |
| | | return; |
| | | } |
| | | const loading = this.$loading({ |
| | |
| | | return new ol.style.Style({ |
| | | image: new ol.style.Icon({ |
| | | anchor: [0.5, 1], |
| | | src: "./static/SmartEarthSDK/Workers/image/xzspj/spjk.png", |
| | | src: "./static/SmartEarthSDK/Workers/image/xzspj/camera.png", |
| | | }), |
| | | }); |
| | | } |
| | |
| | | }); |
| | | |
| | | // 将聚合层加入地图 |
| | | window.map.removeLayer(window.ldgclusterLayer); |
| | | window.map.removeLayer(window.tldgclusterLayer); |
| | | window.map.removeLayer(window.qiyeclusterLayer); |
| | | window.map.addLayer(window.jkspclusterLayer); |
| | | window.mapapi.removeLayer(window.ldgclusterLayer); |
| | | window.mapapi.removeLayer(window.tldgclusterLayer); |
| | | window.mapapi.removeLayer(window.qiyeclusterLayer); |
| | | window.mapapi.addLayer(window.jkspclusterLayer); |
| | | loading.close(); |
| | | // new Cesium.GeoJsonDataSource.load( |
| | | // treeNode.urls + |
| | |
| | | // }); |
| | | }); |
| | | }, |
| | | //企业信息加载 |
| | | qiyeCluster(treeNode) { |
| | | if (treeNode.checked == false) { |
| | | window.map.removeLayer(window.qiyeclusterLayer); |
| | | window.mapapi.removeLayer(window.qiyeclusterLayer); |
| | | return; |
| | | } |
| | | const loading = this.$loading({ |
| | |
| | | "?version=1.3.0&request=GetFeature&format=json&typename=" + |
| | | treeNode.layer, |
| | | }); |
| | | |
| | | |
| | | // 创建聚合层 |
| | | var clusterSource = new ol.source.Cluster({ |
| | |
| | | }); |
| | | |
| | | // 将聚合层加入地图 |
| | | window.map.removeLayer(window.ldgclusterLayer); |
| | | window.map.removeLayer(window.tldgclusterLayer); |
| | | window.map.removeLayer(window.jkspclusterLayer); |
| | | window.map.addLayer(window.qiyeclusterLayer); |
| | | window.mapapi.removeLayer(window.ldgclusterLayer); |
| | | window.mapapi.removeLayer(window.tldgclusterLayer); |
| | | window.mapapi.removeLayer(window.jkspclusterLayer); |
| | | window.mapapi.addLayer(window.qiyeclusterLayer); |
| | | loading.close(); |
| | | |
| | | // let dataSource; |