天天看点

Cesium-Entity:Polyline线条绘制与编辑效果图 示例代码

效果图

        如下图所示,实现了基于Cesium.Entity的Polyline线条绘制与顶点编辑操作,即:鼠标右键单击绘制Polyline;如果选中了Polyline对象,那么就会显示当前的顶点,并允许用户编辑顶点位置;最后单击鼠标右键可结束当前一次的编辑操作。

Cesium-Entity:Polyline线条绘制与编辑效果图 示例代码

 示例代码

        示例代码如下,

<!DOCTYPE html>
<html >

<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: hid
           

继续阅读