效果图
如下图所示,实现了基于Cesium.Entity的Label标签绘制与移动编辑操作(此处是随机生成的数值填充,示例代码中,通过给定的createLabel()方法可通过参数形式指定标签的文字内容)。
示例代码
示例代码如下,
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>58-绘制&编辑Label.html</title>
<!--引入js开发包资源-->
<script src="../../Build/Cesium/Cesium.js"></script>
<style>
@import url("../../Build/Cesium/Widgets/widgets.css");
*,
body,
html {
padding: 0;
margin: 0;
box-sizing: border-box;
}
html,
body,
#viewerContainer {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
overflow: hidden;
}
.buttonGroup