<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Dass测试</title>
<link rel="shortcut icon" type="image/x-icon" href="./favicon.ico">
<meta name="viewport" content="width=device-width,initial-scale=1">
<link href="./Cesium/Widgets/widgets.css" rel="stylesheet">
<script src="./Cesium/Cesium.js"></script>
<script src="./daassdk.min.js"></script>
</head>
<body>
<div id="cesiumContainer"></div>
</body>
<script>
const viewer = new Cesium.Viewer('cesiumContainer');
let instance = daassdk.useCesium(viewer);
let layer = instance.addLayer({
name: 'yingxiang',
index: 0,
baseUrl: "https://tiles.geovis.online/base/v1/img/{z}/{x}/{y}",
tmsIds: "w",
visible:true,
format:'webp',
token: "token...",
minimumLevel: 0,
maximumLevel: 18,
});
</script><script>
let style='xxxx' //style是矢量样式配置文件
//加载矢量地名样式
new daassdk.MapboxPlaceName(viewer, styles)
</script>npm i cesium @gvol-org/daassdk
//入口文件
import 'cesium/Source/Widgets/widgets.css'
import * as Cesium from 'cesium'
//在入口文件或打包配置文件里设置window的全局变量
window['CESIUM_BASE_URL'] ="./node_modules/Cesium/Build/Cesium";
window.Cesium={...Cesium}
//需要用到的js文件引入
import { MapboxPlaceName, useCesium } from '@gvol-org/daassdk'
const viewer = new Cesium.Viewer('cesiumContainer');
let instance = daassdk.useCesium(viewer);
let layer = instance.addLayer({
name: 'yingxiang',
index: 0,
baseUrl: "https://tiles.geovis.online/base/v1/img/{z}/{x}/{y}",
tmsIds: "w",
visible:true,
format:'webp',
token: "token....",
minimumLevel: 0,
maximumLevel: 18,
});
let style='xxxx' //style是样式配置文件
new MapboxPlaceName(viewer, style)