第一步:引入服务器提供的图像
// 引入服务器提供的图像
var custom = new Cesium.ArcGisMapServerImageryProvider({
url: "//services.arcgisonline.com/ArcGIS/rest/services/World_Street_Map/MapServer",
});
第二步:基本配置
//自定义的配置内容
var viewer = new Cesium.Viewer('cesiumContainer', {
//配置是否创建baseLayerPicker小部件
baseLayerPicker:false,
//配置图像的提供
imageryProvider:custom,
//配置Cesium的世界地形
terrainProvider:Cesium.createWorldTerrain({
//配置地形的3D效果
requestWaterMask:true,
requestVertexNormals:true
})
});
配置后的app.vue
<template>
<div id="cesiumContainer"></div>
</template>
<script setup>
import * as Cesium from "cesium";
import { onMounted } from "vue";
onMounted(() => {
//快速搭建环境时默认的配置
// const viewer = new Cesium.Viewer('cesiumContainer')