|
<template>
|
<div
|
id="mapdiv"
|
class="previewBox"
|
></div>
|
</template>
|
|
<script>
|
export default {
|
data() {
|
return {
|
levelArray: [
|
0, 40000000, 20000000, 10000000, 5000000, 2000000, 1000000, 500000,
|
250000, 200000, 100000, 50000, 17000, 9000, 5000, 2000, 1000, 500, 200,
|
100, 50, 25, 10, 0,
|
],
|
}
|
},
|
mounted() {
|
this.init3DMap();
|
},
|
methods: {
|
init3DMap() {
|
//地图初始化
|
window.sgworld = new SmartEarth.SGWorld("mapdiv", {
|
|
licenseServer: window.sceneConfig.licenseServer,
|
});
|
|
window.Viewer = window.sgworld._Viewer;
|
|
// Viewer.camera.flyTo({
|
// destination: Cesium.Cartesian3.fromDegrees(110, 33, 8000000),
|
// });
|
|
|
Viewer._enableInfoOrSelection = false;
|
//显示fps
|
Viewer.scene.debugShowFramesPerSecond = false;
|
//导航控件
|
window.sgworld.navControl("nav", false);
|
//比例尺
|
window.sgworld.navControl("scale", false);
|
//开启深度检测
|
// sg.Analysis.depthTestAgainstTerrain(true)
|
Viewer.scene.globe.depthTestAgainstTerrain = true;
|
|
|
// window.elevationTool = new SmartEarth.ElevationTool(window.sg);
|
// elevationTool.setContourColor("#F1D487");
|
|
if (this.$store.state.previewLayer) {
|
var res = this.$store.state.previewLayer;
|
|
if (res.url.indexOf('.png') != -1) {
|
var wkt = this.$wkt.parse(res.geom);
|
var height = this.getHeight(wkt.coordinates[2])
|
window.BaseMapLayer = Viewer.imageryLayers.addImageryProvider(
|
new Cesium.UrlTemplateImageryProvider({
|
url: res.url,
|
maximumLevel: 18
|
})
|
|
);
|
Viewer.camera.flyTo({
|
destination: Cesium.Cartesian3.fromDegrees(wkt.coordinates[1], wkt.coordinates[0], height),
|
});
|
} else if (res.url.indexOf('.json') != -1) {
|
var tileset = Viewer.scene.primitives.add(
|
new Cesium.Cesium3DTileset({
|
url: res.url, //192.168.20.106,to4
|
maximumScreenSpaceError: 64, // 最大屏幕空间错误：16
|
maximumMemoryUsage: 768, // 最大内存：512
|
dynamicScreenSpaceError: true, // 减少离相机较远的屏幕空间错误：false
|
skipLevelOfDetail: true, // 在遍历时候跳过详情：false
|
})
|
);
|
tileset.readyPromise.then((tileset) => {
|
tileset.id = res.cnName;
|
tileset.layerId = res.id;
|
this.tileSet(tileset, 50)
|
Viewer.flyTo(tileset);
|
});
|
} else {
|
|
Viewer.imageryLayers.removeAll();
|
var url = res.url.split(';')
|
console.log(url)
|
|
sgworld.Creator.createImageryProvider('mpt影像', "wms", {
|
url: url[0],
|
layers: url[1]
|
}, "0", undefined, true, "");
|
|
}
|
}
|
},
|
tileSet(tileset, height) {
|
//3dtile模型的边界球体
|
var boundingSphere = tileset.boundingSphere;
|
//迪卡尔空间直角坐标=>地理坐标（弧度制）
|
var cartographic_original = Cesium.Cartographic.fromCartesian(boundingSphere.center);
|
//地理坐标（弧度制）=>迪卡尔空间直角坐标
|
var Cartesian3_original = Cesium.Cartesian3.fromRadians(cartographic_original.longitude, cartographic_original.latitude, cartographic_original.height);
|
var Cartesian3_offset = Cesium.Cartesian3.fromRadians(cartographic_original.longitude, cartographic_original.latitude, height);
|
//获得地面和offset的转换
|
var translation = Cesium.Cartesian3.subtract(Cartesian3_offset, Cartesian3_original, new Cesium.Cartesian3());
|
//修改模型矩阵
|
tileset.modelMatrix = Cesium.Matrix4.fromTranslation(translation);
|
},
|
getHeight(level) {
|
if (level > 0 && level < 23) {
|
return this.levelArray[level]
|
}
|
return this.levelArray[this.levelArray.length - 1]
|
},
|
|
},
|
|
}
|
</script>
|
|
<style>
|
.previewBox {
|
width: 100%;
|
height: 100%;
|
}
|
</style>
|
