首页cesium helloworld.html

cesium helloworld.html

时间: 2023-07-06 22:23:51 浏览: 95

以下是一个简单的Cesium HelloWorld示例代码： ```html <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Hello World!</title> <script src="https://cesium.com/downloads/cesiumjs/releases/1.78/Build/Cesium/Cesium.js"></script> <style> #cesiumContainer { width: 100%; height: 100%; margin: 0; padding: 0; overflow: hidden; position: absolute; } </style> </head> <body> <div id="cesiumContainer"></div> <script> // 初始化Cesium Viewer var viewer = new Cesium.Viewer('cesiumContainer'); // 添加一个Entity viewer.entities.add({ position: Cesium.Cartesian3.fromDegrees(-75.59777, 40.03883), point: { pixelSize: 10, color: Cesium.Color.YELLOW }, label: { text: 'Hello, World!', font: '24px Arial', style: Cesium.LabelStyle.FILL_AND_OUTLINE, outlineWidth: 2, verticalOrigin: Cesium.VerticalOrigin.BOTTOM, pixelOffset: new Cesium.Cartesian2(0, -9) } }); </script> </body> </html> ``` 这段代码创建了一个Cesium Viewer，并在地球上添加了一个名为"Hello, World!"的标签。你可以将以上代码保存为一个html文件并在浏览器中打开即可看到效果。

阅读全文