CESIUM跟随项目学习3

cesium+超图构建服务

第一步：

下载内容： support.supermap.com.cn:8090/webgl/Cesiu…

第二步：

1. 将下载的文件内容放入public文件下
2. 在public/index.html中引入

<link href="/static/cesiumwenjian/Build/Cesium/Widgets/widgets.css" rel="stylesheet">
<link href="/static/cesiumwenjian/examples/webgl/css/pretty.css" rel="stylesheet">
<script src="/static/cesiumwenjian/examples/webgl/js/jquery.min.js"></script>
<script src="/static/cesiumwenjian/examples/webgl/js/config.js"></script>
<script type="text/javascript" src="/static/cesiumwenjian/Build/Cesium/Cesium.js"></script>

3. 创建要写的文件将这些内容引入

import '/public/static/cesiumwenjian/Build/Cesium/Cesium.js'
import '/public/static/cesiumwenjian/examples/webgl/js/jquery.min.js'
import '/public/static/cesiumwenjian/examples/webgl/js/config.js'
import '/public/static/cesiumwenjian/Build/Cesium/Widgets/widgets.css'
import '/public/static/cesiumwenjian/examples/webgl/css/pretty.css'

4. 初始化cesium+超图内容

let viewer = new Cesium.Viewer('superMapCesiumCon', {
    animation: false, // 动画小组件
    baseLayerPicker: false, // 底图组件，选择三维数字地球的底图（imagery and terrain）。
    fullscreenButton: false, // 全屏组件
    vrButton: false, // VR模式
    geocoder: false, // 地理编码（搜索）组件
    homeButton: false, // 首页，点击之后将视图跳转到默认视角
    infoBox: false, // 信息框
    sceneModePicker: false, // 场景模式，切换2D、3D 和 Columbus View (CV) 模式。
    selectionIndicator: false, // 是否显示选取指示器组件
    timeline: false, // 时间轴
    navigationHelpButton: false, // 帮助提示，如何操作数字地球。
    // 如果最初应该看到导航说明，则为true；如果直到用户明确单击该按钮，则该提示不显示，否则为false。
    navigationInstructionsInitiallyVisible: false
});
viewer.scene.open('你的超图链接')
let scene = viewer.scene;
let handler = new Cesium.ScreenSpaceEventHandler(scene.canvas);
handler.setInputAction(e=>{
    console.log('我的内容：', e)
}, Cesium.ScreenSpaceEventType.LEFT_CLICK)

5. 页面有报错后在public下创建js文件，然后将'Build/Cesium/SuModeling.wasm'和'Build/Cesium/ThirdParty/earcut.wasm'、'Build/Cesium/ThirdParty/Module.wasm'放入js文件夹中