给我写个cesium 打点的代码
时间: 2023-09-09 17:05:09 浏览: 154
### 回答1:
```
var point = {
"type": "Feature",
"geometry": {
"type": "Point",
"coordinates": [116.404844, 39.918791]
},
"properties": {
"name": "Cesium Point"
}
};Cesium.GeoJsonDataSource.load(point).then(function (dataSource) {
viewer.dataSources.add(dataSource);
});
```
### 回答2:
Cesium是一种基于WebGL的开源JavaScript库,用于创建基于地球表面的3D地球仪应用程序。以下是一个简单的Cesium打点的代码示例:
```
<!DOCTYPE html>
<html>
<head>
<title>Cesium 打点示例</title>
<script src="https://cesium.com/downloads/cesiumjs/releases/1.85/Build/Cesium/Cesium.js"></script>
<style>
#cesiumContainer {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
overflow: hidden;
}
</style>
</head>
<body>
<div id="cesiumContainer"></div>
<script>
// 创建Cesium Viewer
var viewer = new Cesium.Viewer("cesiumContainer");
// 通过Cartesian3定义要打点的位置
var position = Cesium.Cartesian3.fromDegrees(lon, lat, height);
// 创建PointGraphics并设置其属性
var point = new Cesium.Entity({
position: position,
point: {
pixelSize: 10,
color: Cesium.Color.YELLOW,
outlineWidth: 2,
outlineColor: Cesium.Color.RED,
heightReference: Cesium.HeightReference.CLAMP_TO_GROUND
}
});
// 将点实例添加到Viewer中
viewer.entities.add(point);
</script>
</body>
</html>
```
在上述代码中,首先引入Cesium的库文件,并在HTML页面中创建了一个`div`容器。然后,在JavaScript代码中创建了一个Cesium Viewer实例,并设置要打点的位置,通过 `Cartesian3.fromDegrees`来定义经纬度和高度。接着,使用`Entity`和`PointGraphics`来创建一个点实例,并设置其属性,如`pixelSize`、`color`等。最后,将点实例添加到Viewer中的`entities`集合中,就可以在Cesium地球仪上看到打点效果了。
### 回答3:
Cesium是一个开源的JavaScript库,用于创建3D地球、地图和地理信息可视化应用程序。下面是一个简单的示例代码,用于在Cesium中打点:
```
<!DOCTYPE html>
<html lang="en">
<head>
<title>Cesium打点示例</title>
<script src="Cesium/Cesium.js"></script>
<style>
#cesiumContainer {
width: 100%;
height: 400px;
margin: 0;
padding: 0;
}
</style>
</head>
<body>
<div id="cesiumContainer"></div>
<script>
// 初始化Cesium Viewer
var viewer = new Cesium.Viewer('cesiumContainer');
// 创建点实体
var entity = viewer.entities.add({
position: Cesium.Cartesian3.fromDegrees(121.5, 31.2), // 设置点的经纬度坐标
point: {
pixelSize: 10, // 设置点的大小
color: Cesium.Color.RED // 设置点的颜色
}
});
// 定义相机视角
viewer.camera.setView({
destination: Cesium.Cartesian3.fromDegrees(121.5, 31.2, 10000000) // 设置相机的经纬度和高度
});
</script>
</body>
</html>
```
这段代码创建了一个基本的Cesium Viewer,并在上面打了一个红色的点。点的位置是通过`position`属性设置的,经纬度为121.5和31.2。点的大小和颜色分别通过`point`的`pixelSize`和`color`属性进行设置。
在代码中还定义了相机的视角,让相机定位到点的位置,高度为10000000米。
请确保将Cesium的JavaScript库文件正确引用,并提供正确的文件路径。
希望这个简单的示例能帮助你开始使用Cesium进行打点。
阅读全文