chenhaojie
1 year ago
6 changed files with 13059 additions and 12750 deletions
File diff suppressed because one or more lines are too long
@ -0,0 +1,225 @@ |
|||
const createXyzLayer = (data) => |
|||
new sycim.XyzLayer(data.id, { |
|||
...data, |
|||
maximumLevel: data.maximumLevel || 22 |
|||
}); |
|||
|
|||
const layerTypeEnum = { |
|||
'011100': 'BAIDU', |
|||
'012000': 'PRIMITIVE', |
|||
'013000': 'TILESET', |
|||
'014000': 'XYZ', |
|||
'030100': 'WMTS', |
|||
'030200': 'WMS', |
|||
'030300': 'WFS', |
|||
'030400': 'GEOJSON', |
|||
'050100': 'TDTWMTS', |
|||
'060100': 'XYZ', |
|||
'070100': 'BINGMAP', |
|||
'040003': 'WFS', |
|||
'021102': 'ARCGIS_DYNAMIC', |
|||
113200: 'S3M' |
|||
}; |
|||
|
|||
// 图层响应动作
|
|||
const layerActions = { |
|||
'030200': (data) => |
|||
new sycim.WmsLayer(data.id, { |
|||
...data, |
|||
url: data.url, |
|||
layer: data.layerTable, |
|||
parameters: { |
|||
version: '1.3.0' |
|||
} |
|||
}), |
|||
'030300': async (data) => { |
|||
const options = {}; |
|||
if (data.relationStyleId) { |
|||
const res = await getLayerStyle(data.relationStyleId); |
|||
options.styleConfig = res.information ? JSON.parse(res.information) : ''; |
|||
} |
|||
return new sycim.WfsLayer(data.id, data.url, data.layerTable, options); |
|||
}, |
|||
'030100': (data) => |
|||
new sycim.WmtsLayer(data.id, { |
|||
...data, |
|||
url: data.url, |
|||
layer: data.layerTable, |
|||
tileMatrixSetID: data.tileMatrixSet, |
|||
style: data.style || '' |
|||
}), |
|||
'030400': async (data) => { |
|||
const options = {}; |
|||
if (data.relationStyleId) { |
|||
const res = await getLayerStyle(data.relationStyleId); |
|||
options.styleConfig = res.information ? JSON.parse(res.information) : ''; |
|||
} |
|||
return new sycim.GeoJsonLayer(data.id, data.url, options); |
|||
}, |
|||
'011100': (data) => |
|||
new sycim.BaiduLayer(data.id, { |
|||
...data, |
|||
style: data.layerTable, |
|||
crs: 'WGS84' |
|||
}), |
|||
'050100': (data) => { |
|||
let url = `${data.proxyUrl}${data.url}`; |
|||
if (!url.includes('?tk=') && data.serviceToken) { |
|||
url = `${url}?tk=${data.serviceToken}`; |
|||
} |
|||
return new sycim.TdtWmtsLayer(data.id, { |
|||
...data, |
|||
url, |
|||
layer: data.layerTable, |
|||
tileMatrixSetID: data.tileMatrixSet, |
|||
spatialReference: { |
|||
wkid: data.epsg |
|||
} |
|||
}); |
|||
}, |
|||
'070100': (data) => |
|||
new sycim.BingMapLayer(data.id, { |
|||
...data |
|||
}), |
|||
'060100': createXyzLayer, |
|||
'014000': createXyzLayer, |
|||
'013000': (data) => new sycim.TilesetLayer(data.id), |
|||
'012000': (data) => new sycim.PrimitiveLayer(data.id), |
|||
'040003': (data) => |
|||
new sycim.WfsLayer(data.id, data.url, data.layerTable, { |
|||
cql_filter: data.filter, |
|||
propertyName: '*' |
|||
}), |
|||
'021102': (data) => |
|||
new sycim.ArcgisDynamicLayer(data.id, { |
|||
url: data.url |
|||
}) |
|||
}; |
|||
|
|||
//图层缩放
|
|||
function defaultZoomToLayer(data) { |
|||
const { mapParam } = data; |
|||
if (!mapParam?.tileCenter) return; |
|||
const p = mapParam.tileCenter.split(','); |
|||
window.viewer.flyToPosition(new sycim.Position(+p[0], +p[1], 500, 0, -90, 0)); |
|||
} |
|||
|
|||
// 根据图层类型缩放
|
|||
function zoomToLayerByType(data) { |
|||
const { id, layerType } = data; |
|||
if (!layerType) return; |
|||
const type = sycim.LayerType[layerTypeEnum[layerType]]; |
|||
const layer = window.viewer._layerCache[type][id]; |
|||
if (layer?.zoomToLayer) { |
|||
layer.zoomToLayer(); |
|||
} else { |
|||
defaultZoomToLayer(data); |
|||
} |
|||
} |
|||
const supermapTileLayer = {}; |
|||
function zoomToS3MLayer(data) { |
|||
if (supermapTileLayer[data.id]) { |
|||
Cesium.Resource.fetchJson(data.url + '/scenes.json').then(function (scenes) { |
|||
let sname = scenes && scenes[0].name; |
|||
Cesium.Resource.fetchJson(data.url + '/scenes/' + sname + '.json').then(function (jsonData) { |
|||
var cameraPosition = jsonData.camera; |
|||
var tilt = Cesium.Math.toRadians(cameraPosition.tilt - 90); |
|||
//设置相机位置、视角，便于观察场景
|
|||
window.viewer.scene.camera.setView({ |
|||
destination: new Cesium.Cartesian3.fromDegrees( |
|||
cameraPosition.longitude, |
|||
cameraPosition.latitude, |
|||
cameraPosition.altitude |
|||
), |
|||
orientation: { |
|||
heading: cameraPosition.heading, |
|||
pitch: tilt, |
|||
roll: 0 |
|||
} |
|||
}); |
|||
}); |
|||
}); |
|||
} else { |
|||
alert('请先加载s3m图层'); |
|||
} |
|||
} |
|||
|
|||
// 图层缩放响应动作
|
|||
const zoomToLayerActions = { |
|||
'030200': zoomToLayerByType, |
|||
'030300': zoomToLayerByType, |
|||
'030100': zoomToLayerByType, |
|||
'030400': zoomToLayerByType, |
|||
'011100': zoomToLayerByType, |
|||
'050100': zoomToLayerByType, |
|||
'070100': zoomToLayerByType, |
|||
'060100': zoomToLayerByType, |
|||
'014000': zoomToLayerByType, |
|||
'013000': zoomToLayerByType, |
|||
'012000': (data) => { |
|||
// modal
|
|||
const { modelInitPosition } = data; |
|||
if (!modelInitPosition) return; |
|||
const p = JSON.parse(modelInitPosition); |
|||
window.viewer.flyToPosition(new sycim.Position(p.lng, p.lat, p.alt + 500, 0, -90, 0)); |
|||
}, |
|||
'040003': zoomToLayerByType, |
|||
'021102': zoomToLayerByType, |
|||
113200: zoomToS3MLayer |
|||
}; |
|||
|
|||
// 添加图层
|
|||
export async function addLayer(layerData) { |
|||
const { layerType, url, id } = layerData; |
|||
let action = null; |
|||
if (layerType === '113200') { |
|||
if (supermapTileLayer[id]) { |
|||
supermapTileLayer[id].show = true; |
|||
} else { |
|||
const layerPromise = window.viewer.scene.open(url, { |
|||
autoSetView: false //不自动定位
|
|||
}); |
|||
layerPromise.then((layer) => { |
|||
supermapTileLayer[id] = layer?.[0]; |
|||
}); |
|||
} |
|||
return; |
|||
} |
|||
if (!layerType || !(action = layerActions[layerType])) return; |
|||
const layer = await action(layerData); |
|||
layer && window.viewer.addLayer(layer); |
|||
if (['013000'].includes(layerType)) { |
|||
// 3d tiles
|
|||
const tileset = new sycim.Tileset(url); |
|||
tileset.id = layerData.id; |
|||
layer.addGraphic(tileset); |
|||
} else if (['012000'].includes(layerType)) { |
|||
// modal
|
|||
if (!layerData.modelInitPosition) return; |
|||
const p = JSON.parse(layerData.modelInitPosition); |
|||
const model = new sycim.ModelPrimitive(new sycim.Position(p.lng, p.lat, p.alt, p.heading, p.pitch, p.roll), url); |
|||
model.id = layerData.id; |
|||
layer.addGraphic(model); |
|||
} |
|||
} |
|||
|
|||
export function removeLayer(layerData) { |
|||
const { id, layerType } = layerData; |
|||
if (!layerType) return; |
|||
const type = layerTypeEnum[layerType]; |
|||
if (layerType === '113200') { |
|||
if (supermapTileLayer[id]) { |
|||
supermapTileLayer[id].show = false; |
|||
} |
|||
} else { |
|||
window.viewer.removeLayer({ |
|||
id, |
|||
type: sycim.LayerType[type] |
|||
}); |
|||
} |
|||
} |
|||
|
|||
export function zoomToLayer(data) { |
|||
const { layerType } = data; |
|||
zoomToLayerActions[layerType]?.(data); |
|||
} |
|||
Loading…
Reference in new issue