|
@@ -42,6 +42,7 @@ export default {
|
|
|
return {
|
|
|
activeName: 'second',
|
|
|
handler_multi_level_query: null,
|
|
|
+ manager_multi_level_query: null,
|
|
|
};
|
|
|
},
|
|
|
//监听属性 类似于data概念
|
|
@@ -54,7 +55,7 @@ export default {
|
|
|
console.log();
|
|
|
|
|
|
e.forEach(element => {
|
|
|
- if (element.filed =="geom") {
|
|
|
+ if (element.filed == "geom") {
|
|
|
|
|
|
}
|
|
|
});
|
|
@@ -68,7 +69,13 @@ export default {
|
|
|
},
|
|
|
init_handler() {
|
|
|
|
|
|
+
|
|
|
const that = this;
|
|
|
+
|
|
|
+ var entities = that.manager_multi_level_query.entities.values;
|
|
|
+ for (var i = entities.length - 1; i >= 0; i--) {
|
|
|
+ that.manager_multi_level_query.entities.remove(entities[i]);
|
|
|
+ }
|
|
|
if (that.handler_multi_level_query == null) {
|
|
|
that.handler_multi_level_query = new Cesium.ScreenSpaceEventHandler(viewer.scene.canvas);
|
|
|
}
|
|
@@ -92,6 +99,21 @@ export default {
|
|
|
position = Cesium.Cartesian3.fromDegrees(0, 0, 0);
|
|
|
}
|
|
|
|
|
|
+ that.manager_multi_level_query.entities.add({
|
|
|
+ name: "manager_multi_level_query",
|
|
|
+ position: Cesium.Cartesian3.fromDegrees(longitude, latitude, 100),
|
|
|
+ billboard: {
|
|
|
+ // 图像地址,URI或Canvas的属性
|
|
|
+ image: "./static/images/overview/go.png",
|
|
|
+ height: 34,
|
|
|
+ width: 36,
|
|
|
+ scale: 1.0,
|
|
|
+ zIndex: 2,
|
|
|
+ show: true
|
|
|
+ },
|
|
|
+
|
|
|
+ })
|
|
|
+
|
|
|
const geojsonPoint = {
|
|
|
"type": "Point",
|
|
|
"coordinates": [longitude, latitude] // 注意经纬度顺序
|
|
@@ -99,6 +121,7 @@ export default {
|
|
|
|
|
|
const wkt = wellknown.stringify(geojsonPoint);
|
|
|
let obj = {
|
|
|
+ // "wkt": 'POINT (109.51207847188947 18.311530254307392)',
|
|
|
"wkt": 'POINT (109.5148879995491 18.315185320357678)',
|
|
|
// "wkt": wkt,
|
|
|
|
|
@@ -116,6 +139,17 @@ export default {
|
|
|
name: element.dataname,
|
|
|
value: element.data
|
|
|
});
|
|
|
+
|
|
|
+ element.data.forEach(e => {
|
|
|
+ // console.log('e: ', e);
|
|
|
+ e.forEach((res) => {
|
|
|
+ if (res.filed == 'geom') {
|
|
|
+ let geojson = wellknown.parse(res.data);
|
|
|
+ console.log('geojson: ', geojson);
|
|
|
+ }
|
|
|
+ })
|
|
|
+ });
|
|
|
+ // that.draw_vector(e);
|
|
|
}
|
|
|
});
|
|
|
})
|
|
@@ -129,8 +163,15 @@ export default {
|
|
|
|
|
|
},
|
|
|
clear_data() {
|
|
|
+ const that = this;
|
|
|
store.state.query_pick_last_pane = null;
|
|
|
store.state.query_pick_pane = [];
|
|
|
+ var entities = that.manager_multi_level_query.entities.values;
|
|
|
+ for (var i = entities.length - 1; i >= 0; i--) {
|
|
|
+ that.manager_multi_level_query.entities.remove(entities[i]);
|
|
|
+ }
|
|
|
+ },
|
|
|
+ draw_vector(e) {
|
|
|
|
|
|
}
|
|
|
},
|
|
@@ -141,6 +182,11 @@ export default {
|
|
|
const that = this;
|
|
|
this.$nextTick(() => {
|
|
|
that.handler_multi_level_query = new Cesium.ScreenSpaceEventHandler(viewer.scene.canvas);
|
|
|
+
|
|
|
+ that.manager_multi_level_query = new Cesium.CustomDataSource("manager_multi_level_query");
|
|
|
+ viewer.dataSources.add(that.manager_multi_level_query);
|
|
|
+
|
|
|
+
|
|
|
})
|
|
|
|
|
|
}, //生命周期 - 挂在完成
|