login.vue代码
<template>
<div>
<button @click="login">登录</button>
<div id="cesiumContainer"></div>
</div>
</template>
<script>
import Cesium from 'cesium/Cesium'
export default {
name: 'cesiumViewer',
mounted () {
var guge=new Cesium.UrlTemplateImageryProvider({ //Cesium加载谷歌影像
url:'http://www.google.cn/maps/vt?lyrs=s@800&x={x}&y={y}&z={z}',
tilingScheme:new Cesium.WebMercatorTilingScheme(),
minimumLevel:1,
maximumLevel:20
});
var viewer = new Cesium.Viewer('cesiumContainer', {
baseLayerPicker: false,
imageryProvider: guge,
terrainProvider : new Cesium.CesiumTerrainProvider({ //地形,参数TerrainProvider
url : Cesium.IonResource.fromAssetId(3956),
requestVertexNormals : true
})
});
viewer.camera.setView({ //setView(options)设置视角
destination : new Cesium.Cartesian3(-1714536.7602386745, 4996614.145192477, 3566237.3590922765),
orientation: {
heading : 6.236132643031626, //抬头角度,90°
pitch : -0.5318641536528257, //低头俯视角度,俯90°
roll : 0.0
}
})
//加载谷歌地形
// var geeMetadata = new Cesium.GoogleEarthEnterpriseMetadata('http://www.earthenterprise.org/3d');
// var gee = new Cesium.GoogleEarthEnterpriseImageryProvider({
// metadata : geeMetadata
// });
},
methods: {
login () {
this.$router.replace('/')
},
},
}
</script>
<style scoped>
</style>
cesium类库学习
最新推荐文章于 2024-05-12 12:40:28 发布