天天看点

Cesium-Entity:Point点位绘制与编辑效果图示例代码

效果图

        如下图所示,实现了基于Cesium.Entity的Point点位绘制与移动编辑操作。        

Cesium-Entity:Point点位绘制与编辑效果图示例代码

示例代码

        示例代码如下,

<!DOCTYPE html>
<html >

<head>
  <meta charset="UTF-8">
  <title>57-绘制&编辑点.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 {
      position: absolute;
      top: 50px;
      left: 50px;
      z-index: 1;
  
           

继续阅读