【Cesium】新手入门HelloWord

Ning@

发布于 2021-11-10 06:59:13

1.1K00

代码可运行

文章被收录于专栏：烤包子烤包子

运行总次数：0

代码可运行

1.首先下载Cesium库，地址：https://cesium.com/cesiumjs/

2.创建Html 引入 Cesium.js库

3.通过下面代码初始化一个基础瓦片地球

//初始化一个瓦片地球
viewer = new Cesium.Viewer('cesiumContainer', {
    animation: false, //是否显示动画控件
    baseLayerPicker: false, //是否显示图层选择控件
    geocoder: true, //是否显示地名查找控件
    timeline: false, //是否显示时间线控件
    sceneModePicker: false, //是否显示投影方式控件
    navigationHelpButton: false, //是否显示帮助信息控件
    infoBox: false, //隐藏infoBox窗口
    selectionIndicator: false, //隐藏选中框
    geocoder: false, //地名查找
    homeButton: false, //首页
    fullscreenButton: false, //全屏
    // sceneMode : Cesium.SceneMode.COLUMBUS_VIEW,  // 设定3维地图的默认场景模式 默认为3D
})

// 删除默认的影像图层
viewer.imageryLayers.remove(viewer.imageryLayers.get(0));

// 增加谷歌影像底图
viewer.imageryLayers.addImageryProvider(new Cesium.UrlTemplateImageryProvider({
    url: 'http://www.google.cn/maps/vt?lyrs=s&x={x}&y={y}&z={z}',
    tilingScheme: new Cesium.WebMercatorTilingScheme()
}));