import mapConfig from './mapConfig';
|
import { zhangzitou_selectAll } from '@/api/mapView/map.js';
|
import WKT from 'terraformer-wkt-parser';
|
// 服务加载
|
const mapServer = {
|
serveType: null,
|
layerList: [],
|
addLayer(res) {
|
const obj = this.getLayerChecked(res);
|
if (obj) return;
|
this.serveType = res.serveType;
|
switch (this.serveType) {
|
case 'tdMap':
|
this.addTdLayer(res);
|
break;
|
case 'WMS':
|
this.addWMSLayer(res);
|
break;
|
case 'Tileset':
|
this.addTilesetLayer(res);
|
break;
|
case 'WFS':
|
this.addWFSLayer(res);
|
break;
|
}
|
},
|
addWFSLayer(res) {
|
zhangzitou_selectAll({
|
limit: 1000000,
|
page: 1,
|
}).then((response) => {
|
if (response.data.code != 200) return;
|
const pois = response.data.result.pois;
|
const cnName = res.cnName + '_' + res.id;
|
const modelLayer = new Cesium.PrimitiveCollection();
|
modelLayer.name = cnName;
|
Viewer.scene.primitives.add(modelLayer);
|
pois.map((item) => {
|
var geom = WKT.parse(item.geom);
|
var style = {
|
longitude: geom.coordinates[0],
|
latitude: geom.coordinates[1],
|
altitude: 0,
|
heading: 0,
|
pitch: 0,
|
roll: 0,
|
};
|
const modelMatrix = mapConfig.getModelMatrix(style);
|
const url = '/glb/' + item.type + '.glb';
|
modelLayer.add(
|
Cesium.Model.fromGltf({
|
id: item.id,
|
url: url,
|
scale: 1,
|
minimumPixelSize: 20,
|
maximumScale: 20,
|
modelMatrix: modelMatrix,
|
primitive: item,
|
})
|
);
|
});
|
this.layerList.push({
|
id: res.id,
|
name: cnName,
|
layer: modelLayer,
|
serveType: this.serveType,
|
});
|
});
|
},
|
|
addTdLayer(res) {
|
const url = res.url + config.tdToken;
|
Viewer.imageryLayers.addImageryProvider(
|
new Cesium.UrlTemplateImageryProvider({
|
url: url,
|
})
|
);
|
},
|
getLayerChecked(res) {
|
const obj = this.layerList.filter((item) => {
|
if (item.id == res.id) {
|
return item;
|
}
|
});
|
const boolen = obj.length > 0 ? true : false;
|
return boolen;
|
},
|
addWMSLayer(res) {
|
const serverUrl = config.geoServer;
|
const that = this;
|
var getFeatureInfoFormat = new Cesium.GetFeatureInfoFormat('html', null, function (html) {
|
that.getFeatureInfo(html);
|
});
|
|
const layer = new Cesium.WebMapServiceImageryProvider({
|
url: serverUrl.url + serverUrl.wms,
|
layers: res.url,
|
getFeatureInfoParameters: { info_format: 'text/html' },
|
enablePickFeatures: true,
|
getFeatureInfoFormats: [getFeatureInfoFormat],
|
parameters: {
|
transparent: true,
|
format: 'image/png',
|
srs: 'EPSG:4490',
|
styles: '',
|
cql_filter: '',
|
},
|
tileWidth: 512,
|
tileHeight: 512,
|
});
|
|
const imageLayer = Viewer.imageryLayers.addImageryProvider(layer);
|
const cnName = res.cnName + '_' + res.id;
|
imageLayer.name = cnName;
|
imageLayer.id = res.id;
|
this.layerList.push({
|
id: res.id,
|
name: cnName,
|
layer: imageLayer,
|
serveType: this.serveType,
|
});
|
},
|
addTilesetLayer(res) {
|
let url = res.url.indexOf('{host}') > -1 ? res.url.replace('{host}', iisHost) : res.url;
|
var height = 0;
|
if (res.bak) {
|
height = JSON.parse(res.bak).height;
|
}
|
var model = earthCtrl.factory.create3DTilesets({
|
url: url,
|
option: {
|
height: height,
|
id: res.id,
|
},
|
});
|
const cnName = res.cnName + '_' + res.id;
|
model.item.readyPromise.then((item) => {
|
mapConfig.userSceneFlyTo(item);
|
this.layerList.push({
|
id: res.id,
|
name: cnName,
|
layer: model,
|
serveType: this.serveType,
|
});
|
});
|
},
|
setTilesetArgs() {},
|
removeLayer(res) {
|
const cnName = res.cnName + '_' + res.id;
|
this.layerList.map((item, index) => {
|
if (cnName == item.name && res.id == item.id) {
|
if (item.serveType == 'WMS') {
|
Viewer.imageryLayers.remove(item.layer);
|
this.layerList.splice(index, 1);
|
} else if (item.serveType == 'Tileset') {
|
item.layer.deleteObject();
|
this.layerList.splice(index, 1);
|
}else if (item.serveType == 'WFS') {
|
Viewer.scene.primitives.remove(item.layer)
|
this.layerList.splice(index, 1);
|
}
|
}
|
});
|
},
|
async getFeatureInfo(res) {
|
console.log(res);
|
},
|
};
|
export default mapServer;
|
