北京经济技术开发区经开区虚拟城市项目-【前端】-Web
lixuliang
2023-10-20 167b91eaa134aaaa3d3789600f437d14a7a20180
static/CimSDK/Workers/prop/jdtx_prop.html
@@ -95,6 +95,8 @@
            position: relative;
        }
        .scaleByDistance,
        .billboardLabel,
        .outline,
        .background,
        .topRadius {
@@ -104,1100 +106,1374 @@
        .color {
            height: 42px;
        }
        .layui-anim {
            color: black;
        }
    </style>
</head>
<body>
    <div id="Attribute" style="margin:0 10px;">
        <div class="attrTitle">
            <legend>样式信息</legend>
            <!-- <button type="button" class="layui-btn layui-btn-danger removeGraphic" onclick="removeGraphic()">移除</button> -->
        </div>
        <!--基本点-->
        <div class="props point" style="display: none">
            <form class="layui-form" action="">
                <div class="layui-form-item">
                    <label class="layui-form-label">类型</label>
                    <div class="layui-input-block" style="line-height: 38px;">
                        基本点
        <div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief">
            <ul class="layui-tab-title">
                <li class="layui-this">样式信息</li>
                <!-- <li>属性信息</li> -->
            </ul>
            <div class="layui-tab-content">
                <div class="layui-tab-item layui-show">
                    <!--基本点-->
                    <div class="props point" style="display: none">
                        <form class="layui-form" action="">
                            <div class="layui-form-item">
                                <label class="layui-form-label">类型</label>
                                <div class="layui-input-block" style="line-height: 38px;">
                                    基本点
                                </div>
                            </div>
                            <div class="layui-form-item">
                                <label class="layui-form-label">名称</label>
                                <div class="layui-input-block">
                                    <input type="text" name="name" lay-verify="title" autocomplete="off" placeholder="0"
                                        value="" class="layui-input">
                                </div>
                            </div>
                            <div class="layui-form-item">
                                <label class="layui-form-label">大小</label>
                                <div class="layui-input-block">
                                    <input type="number" name="size" lay-verify="title" autocomplete="off"
                                        placeholder="0" onkeyup="value=value.replace(/[^\d\.]/g,'')"
                                        class="layui-input">
                                </div>
                            </div>
                            <div class="layui-form-item">
                                <label class="layui-form-label">是否不被遮挡</label>
                                <div class="layui-input-block">
                                    <input type="checkbox" lay-skin="switch" id="isPointDisableDepthTest"
                                        lay-filter="isPointDisableDepthTest" title="开关">
                                </div>
                            </div>
                            <div class="layui-form-item">
                                <label class="layui-form-label">随地图缩放</label>
                                <div class="layui-input-block">
                                    <input type="checkbox" lay-skin="switch" class="isScaleByDistance"
                                        lay-filter="isScaleByDistance" title="开关">
                                </div>
                            </div>
                            <div class="layui-form-item scaleByDistance">
                                <label class="layui-form-label">最远缩放距离</label>
                                <div class="layui-input-block">
                                    <input type="number" name="scaleByDistanceFar" lay-verify="title" autocomplete="off"
                                        placeholder="0" onkeyup="value=value.replace(/[^\d\.]/g,'')"
                                        class="layui-input">
                                </div>
                            </div>
                            <div class="layui-form-item color">
                                <label class="layui-form-label">填充色</label>
                                <div class="layui-input-block">
                                    <div id="colorchk-point-fill" style="display: inline-block;margin-top: 2px;"></div>
                                </div>
                            </div>
                            <div class="layui-form-item" style="position:relative;">
                                <label class="layui-form-label">填充透明度</label>
                                <div class="layui-input-block" style="position: absolute;top: 16px">
                                    <div id="opacity-point-fill" class="demo-slider"></div>
                                </div>
                            </div>
                            <div class="layui-form-item">
                                <label class="layui-form-label">是否显示边框</label>
                                <div class="layui-input-block">
                                    <input type="checkbox" lay-skin="switch" id="showPointOutline"
                                        lay-filter="showPointOutline" title="开关">
                                </div>
                            </div>
                            <div class="layui-form-item outline">
                                <label class="layui-form-label">边框大小</label>
                                <div class="layui-input-block">
                                    <input type="number" name="outlineWidth" lay-verify="title" autocomplete="off"
                                        placeholder="0" onkeyup="value=value.replace(/[^\d\.]/g,'')"
                                        class="layui-input">
                                </div>
                            </div>
                            <div class="layui-form-item outline color">
                                <label class="layui-form-label">边框色</label>
                                <div class="layui-input-block">
                                    <div id="colorchk-point-outline" style="display: inline-block;margin-top: 2px;">
                                    </div>
                                </div>
                            </div>
                            <div class="layui-form-item outline" style="position:relative;">
                                <label class="layui-form-label">边框透明度</label>
                                <div class="layui-input-block" style="position: absolute;top: 16px">
                                    <div id="opacity-point-outline" class="demo-slider"></div>
                                </div>
                            </div>
                            <div class="layui-form-item">
                                <label class="layui-form-label">最小可视距离</label>
                                <div class="layui-input-block">
                                    <input type="number" name="minViewDistance" lay-verify="title" autocomplete="off"
                                        placeholder="0" onkeyup="value=value.replace(/[^\d\.]/g,'')"
                                        class="layui-input">
                                </div>
                            </div>
                            <div class="layui-form-item" style="border: 1px #fff solid">
                                <label class="layui-form-label">最大可视距离</label>
                                <div class="layui-input-block">
                                    <input type="number" name="maxViewDistance" lay-verify="title" autocomplete="off"
                                        placeholder="0" onkeyup="value=value.replace(/[^\d\.]/g,'')"
                                        class="layui-input">
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">名称</label>
                    <div class="layui-input-block">
                        <input type="text" name="name" lay-verify="title" autocomplete="off" placeholder="0" value=""
                            class="layui-input">
                    <!--图片点-->
                    <div class="props billboard" style="display: none">
                        <form class="layui-form" action="">
                            <div class="layui-form-item">
                                <label class="layui-form-label">类型</label>
                                <div class="layui-input-block" style="line-height: 38px;">
                                    图片点
                                </div>
                            </div>
                            <div class="layui-form-item">
                                <label class="layui-form-label">名称</label>
                                <div class="layui-input-block">
                                    <input type="text" name="name" lay-verify="title" autocomplete="off" placeholder="0"
                                        value="" class="layui-input">
                                </div>
                            </div>
                            <div class="layui-form-item">
                                <label class="layui-form-label">图片链接</label>
                                <div class="layui-input-block">
                                    <input type="text" name="image" lay-verify="title" autocomplete="off"
                                        placeholder="0" class="layui-input">
                                </div>
                            </div>
                            <div class="layui-form-item">
                                <label class="layui-form-label">比例大小</label>
                                <div class="layui-input-block">
                                    <input type="number" name="scale" lay-verify="title" autocomplete="off"
                                        placeholder="0" onkeyup="value=value.replace(/[^\d\.]/g,'')"
                                        class="layui-input">
                                </div>
                            </div>
                            <div class="layui-form-item">
                                <label class="layui-form-label">水平对齐</label>
                                <div class="layui-input-block">
                                    <select name="horizontalOrigin" class="horizontalOrigin"
                                        lay-filter="horizontalOrigin">
                                        <option value="0">居中</option>
                                        <option value="1">左对齐</option>
                                        <option value="-1">右对齐</option>
                                    </select>
                                </div>
                            </div>
                            <div class="layui-form-item">
                                <label class="layui-form-label">垂直对齐</label>
                                <div class="layui-input-block">
                                    <select name="verticalOrigin" class="verticalOrigin" lay-filter="verticalOrigin">
                                        <option value="0">居中</option>
                                        <option value="-1">上对齐</option>
                                        <option value="1">下对齐</option>
                                        <option value="2">基线对齐</option>
                                    </select>
                                </div>
                            </div>
                            <div class="layui-form-item">
                                <label class="layui-form-label">旋转角度</label>
                                <div class="layui-input-block">
                                    <input type="number" name="rotation" lay-verify="title" autocomplete="off"
                                        placeholder="0" onkeyup="value=value.replace(/[^\d\.\-]/g,'')"
                                        class="layui-input">
                                </div>
                            </div>
                            <div class="layui-form-item">
                                <label class="layui-form-label">宽</label>
                                <div class="layui-input-block">
                                    <input type="number" name="width" lay-verify="title" autocomplete="off"
                                        placeholder="0" onkeyup="value=value.replace(/[^\d\.]/g,'')"
                                        class="layui-input">
                                </div>
                            </div>
                            <div class="layui-form-item">
                                <label class="layui-form-label">高</label>
                                <div class="layui-input-block">
                                    <input type="number" name="height" lay-verify="title" autocomplete="off"
                                        placeholder="0" onkeyup="value=value.replace(/[^\d\.]/g,'')"
                                        class="layui-input">
                                </div>
                            </div>
                            <div class="layui-form-item">
                                <label class="layui-form-label">显示注记</label>
                                <div class="layui-input-block">
                                    <input type="checkbox" lay-skin="switch" id="showLabel" lay-filter="showLabel"
                                        title="开关">
                                </div>
                            </div>
                            <div class="billboardLabel">
                                <div class="layui-form-item">
                                    <label class="layui-form-label">文本内容</label>
                                    <div class="layui-input-block">
                                        <input type="text" name="label_text" lay-verify="title" autocomplete="off"
                                            placeholder="0" class="layui-input">
                                    </div>
                                </div>
                                <div class="layui-form-item">
                                    <label class="layui-form-label">文本字体</label>
                                    <div class="layui-input-block">
                                        <input type="text" name="label_font" lay-verify="title" autocomplete="off"
                                            placeholder="0" class="layui-input">
                                    </div>
                                </div>
                                <div class="layui-form-item">
                                    <label class="layui-form-label">文本水平对齐</label>
                                    <div class="layui-input-block">
                                        <select name="label_horizontalOrigin" class="label_horizontalOrigin"
                                            lay-filter="label_horizontalOrigin">
                                            <option value="0">居中</option>
                                            <option value="1">左对齐</option>
                                            <option value="-1">右对齐</option>
                                        </select>
                                    </div>
                                </div>
                                <div class="layui-form-item">
                                    <label class="layui-form-label">文本垂直对齐</label>
                                    <div class="layui-input-block">
                                        <select name="label_verticalOrigin" class="label_verticalOrigin"
                                            lay-filter="label_verticalOrigin">
                                            <option value="0">居中</option>
                                            <option value="-1">上对齐</option>
                                            <option value="1">下对齐</option>
                                            <option value="2">基线对齐</option>
                                        </select>
                                    </div>
                                </div>
                                <div class="layui-form-item">
                                    <label class="layui-form-label">文本比例大小</label>
                                    <div class="layui-input-block">
                                        <input type="number" name="label_scale" lay-verify="title" autocomplete="off"
                                            placeholder="0" onkeyup="value=value.replace(/[^\d\.]/g,'')"
                                            class="layui-input">
                                    </div>
                                </div>
                                <div class="layui-form-item color">
                                    <label class="layui-form-label">文本填充色</label>
                                    <div class="layui-input-block">
                                        <div id="colorchk-img-label-fill"
                                            style="display: inline-block;margin-top: 2px;">
                                        </div>
                                    </div>
                                </div>
                                <div class="layui-form-item" style="position:relative;">
                                    <label class="layui-form-label">文本填充透明度</label>
                                    <div class="layui-input-block" style="position: absolute;top: 16px">
                                        <div id="opacity-img-label-fill" class="demo-slider"></div>
                                    </div>
                                </div>
                                <div class="layui-form-item">
                                    <label class="layui-form-label">显示文本边框</label>
                                    <div class="layui-input-block">
                                        <input type="checkbox" lay-skin="switch" id="showLabelOutline"
                                            lay-filter="showLabelOutline" title="开关">
                                    </div>
                                </div>
                                <div class="layui-form-item outline">
                                    <label class="layui-form-label">文本边框大小</label>
                                    <div class="layui-input-block">
                                        <input type="number" name="label_outlineWidth" lay-verify="title"
                                            autocomplete="off" placeholder="0"
                                            onkeyup="value=value.replace(/[^\d\.]/g,'')" class="layui-input">
                                    </div>
                                </div>
                                <div class="layui-form-item outline color">
                                    <label class="layui-form-label">文本边框色</label>
                                    <div class="layui-input-block">
                                        <div id="colorchk-img-label-outline"
                                            style="display: inline-block;margin-top: 2px;">
                                        </div>
                                    </div>
                                </div>
                                <div class="layui-form-item outline" style="position:relative;">
                                    <label class="layui-form-label">文本边框透明度</label>
                                    <div class="layui-input-block" style="position: absolute;top: 16px">
                                        <div id="opacity-img-label-outline" class="demo-slider"></div>
                                    </div>
                                </div>
                                <div class="layui-form-item">
                                    <label class="layui-form-label">显示文本背景</label>
                                    <div class="layui-input-block">
                                        <input type="checkbox" lay-skin="switch" id="showLabelBackground"
                                            lay-filter="showLabelBackground" title="开关">
                                    </div>
                                </div>
                                <div class="layui-form-item background color">
                                    <label class="layui-form-label">文本背景色</label>
                                    <div class="layui-input-block">
                                        <div id="colorchk-img-label-background"
                                            style="display: inline-block;margin-top: 2px;">
                                        </div>
                                    </div>
                                </div>
                                <div class="layui-form-item background" style="position:relative;">
                                    <label class="layui-form-label">文本背景透明度</label>
                                    <div class="layui-input-block" style="position: absolute;top: 16px">
                                        <div id="opacity-img-label-background" class="demo-slider"></div>
                                    </div>
                                </div>
                                <div class="layui-form-item">
                                    <label class="layui-form-label">文本最小可视</label>
                                    <div class="layui-input-block">
                                        <input type="number" name="label_minViewDistance" lay-verify="title"
                                            autocomplete="off" placeholder="0"
                                            onkeyup="value=value.replace(/[^\d\.]/g,'')" class="layui-input">
                                    </div>
                                </div>
                                <div class="layui-form-item" style="border: 1px #fff solid">
                                    <label class="layui-form-label">文本最大可视</label>
                                    <div class="layui-input-block">
                                        <input type="number" name="label_maxViewDistance" lay-verify="title"
                                            autocomplete="off" placeholder="0"
                                            onkeyup="value=value.replace(/[^\d\.]/g,'')" class="layui-input">
                                    </div>
                                </div>
                            </div>
                            <div class="layui-form-item">
                                <label class="layui-form-label">是否不被遮挡</label>
                                <div class="layui-input-block">
                                    <input type="checkbox" lay-skin="switch" id="isBillboardDisableDepthTest"
                                        lay-filter="isBillboardDisableDepthTest" title="开关">
                                </div>
                            </div>
                            <div class="layui-form-item">
                                <label class="layui-form-label">随地图缩放</label>
                                <div class="layui-input-block">
                                    <input type="checkbox" lay-skin="switch" class="isScaleByDistance"
                                        lay-filter="isScaleByDistance" title="开关">
                                </div>
                            </div>
                            <div class="layui-form-item scaleByDistance">
                                <label class="layui-form-label">最远缩放距离</label>
                                <div class="layui-input-block">
                                    <input type="number" name="scaleByDistanceFar" lay-verify="title" autocomplete="off"
                                        placeholder="0" onkeyup="value=value.replace(/[^\d\.]/g,'')"
                                        class="layui-input">
                                </div>
                            </div>
                            <div class="layui-form-item color">
                                <label class="layui-form-label">图标填充色</label>
                                <div class="layui-input-block">
                                    <div id="colorchk-billboard-fill" style="display: inline-block;margin-top: 2px;">
                                    </div>
                                </div>
                            </div>
                            <div class="layui-form-item" style="position:relative;">
                                <label class="layui-form-label">图标填充透明度</label>
                                <div class="layui-input-block" style="position: absolute;top: 16px">
                                    <div id="opacity-billboard-fill" class="demo-slider"></div>
                                </div>
                            </div>
                            <div class="layui-form-item">
                                <label class="layui-form-label">图标最小可视</label>
                                <div class="layui-input-block">
                                    <input type="number" name="minViewDistance" lay-verify="title" autocomplete="off"
                                        placeholder="0" onkeyup="value=value.replace(/[^\d\.]/g,'')"
                                        class="layui-input">
                                </div>
                            </div>
                            <div class="layui-form-item" style="border: 1px #fff solid">
                                <label class="layui-form-label">图标最大可视</label>
                                <div class="layui-input-block">
                                    <input type="number" name="maxViewDistance" lay-verify="title" autocomplete="off"
                                        placeholder="0" onkeyup="value=value.replace(/[^\d\.]/g,'')"
                                        class="layui-input">
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">大小</label>
                    <div class="layui-input-block">
                        <input type="number" name="size" lay-verify="title" autocomplete="off" placeholder="0"
                            onkeyup="value=value.replace(/[^\d\.]/g,'')" class="layui-input">
                    <!--文本点-->
                    <div class="props label" style="display: none">
                        <form class="layui-form" action="">
                            <div class="layui-form-item">
                                <label class="layui-form-label">类型</label>
                                <div class="layui-input-block" style="line-height: 38px;">
                                    文本点
                                </div>
                            </div>
                            <div class="layui-form-item">
                                <label class="layui-form-label">名称</label>
                                <div class="layui-input-block">
                                    <input type="text" name="name" lay-verify="title" autocomplete="off" placeholder="0"
                                        value="" class="layui-input">
                                </div>
                            </div>
                            <div class="layui-form-item">
                                <label class="layui-form-label">内容</label>
                                <div class="layui-input-block">
                                    <input type="text" name="text" lay-verify="title" autocomplete="off" placeholder="0"
                                        class="layui-input">
                                </div>
                            </div>
                            <div class="layui-form-item">
                                <label class="layui-form-label">字体</label>
                                <div class="layui-input-block">
                                    <input type="text" name="font" lay-verify="title" autocomplete="off" placeholder="0"
                                        class="layui-input">
                                </div>
                            </div>
                            <div class="layui-form-item">
                                <label class="layui-form-label">水平对齐</label>
                                <div class="layui-input-block">
                                    <select name="horizontalOrigin" class="horizontalOrigin"
                                        lay-filter="horizontalOrigin">
                                        <option value="0">居中</option>
                                        <option value="1">左对齐</option>
                                        <option value="-1">右对齐</option>
                                    </select>
                                </div>
                            </div>
                            <div class="layui-form-item">
                                <label class="layui-form-label">垂直对齐</label>
                                <div class="layui-input-block">
                                    <select name="verticalOrigin" class="verticalOrigin" lay-filter="verticalOrigin">
                                        <option value="0">居中</option>
                                        <option value="-1">上对齐</option>
                                        <option value="1">下对齐</option>
                                        <option value="2">基线对齐</option>
                                    </select>
                                </div>
                            </div>
                            <div class="layui-form-item">
                                <label class="layui-form-label">比例大小</label>
                                <div class="layui-input-block">
                                    <input type="number" name="scale" lay-verify="title" autocomplete="off"
                                        placeholder="0" onkeyup="value=value.replace(/[^\d\.]/g,'')"
                                        class="layui-input">
                                </div>
                            </div>
                            <div class="layui-form-item">
                                <label class="layui-form-label">是否不被遮挡</label>
                                <div class="layui-input-block">
                                    <input type="checkbox" lay-skin="switch" id="isLabelDisableDepthTest"
                                        lay-filter="isLabelDisableDepthTest" title="开关">
                                </div>
                            </div>
                            <div class="layui-form-item">
                                <label class="layui-form-label">随地图缩放</label>
                                <div class="layui-input-block">
                                    <input type="checkbox" lay-skin="switch" class="isScaleByDistance"
                                        lay-filter="isScaleByDistance" title="开关">
                                </div>
                            </div>
                            <div class="layui-form-item scaleByDistance">
                                <label class="layui-form-label">最远缩放距离</label>
                                <div class="layui-input-block">
                                    <input type="number" name="scaleByDistanceFar" lay-verify="title" autocomplete="off"
                                        placeholder="0" onkeyup="value=value.replace(/[^\d\.]/g,'')"
                                        class="layui-input">
                                </div>
                            </div>
                            <div class="layui-form-item color">
                                <label class="layui-form-label">填充色</label>
                                <div class="layui-input-block">
                                    <div id="colorchk-label-fill" style="display: inline-block;margin-top: 2px;"></div>
                                </div>
                            </div>
                            <div class="layui-form-item" style="position:relative;">
                                <label class="layui-form-label">填充透明度</label>
                                <div class="layui-input-block" style="position: absolute;top: 16px">
                                    <div id="opacity-label-fill" class="demo-slider"></div>
                                </div>
                            </div>
                            <div class="layui-form-item">
                                <label class="layui-form-label">是否显示边框</label>
                                <div class="layui-input-block">
                                    <input type="checkbox" lay-skin="switch" id="showLabelOutline"
                                        lay-filter="showLabelOutline" title="开关">
                                </div>
                            </div>
                            <div class="layui-form-item outline">
                                <label class="layui-form-label">边框大小</label>
                                <div class="layui-input-block">
                                    <input type="number" name="outlineWidth" lay-verify="title" autocomplete="off"
                                        placeholder="0" onkeyup="value=value.replace(/[^\d\.]/g,'')"
                                        class="layui-input">
                                </div>
                            </div>
                            <div class="layui-form-item outline color">
                                <label class="layui-form-label">边框色</label>
                                <div class="layui-input-block">
                                    <div id="colorchk-label-outline" style="display: inline-block;margin-top: 2px;">
                                    </div>
                                </div>
                            </div>
                            <div class="layui-form-item outline" style="position:relative;">
                                <label class="layui-form-label">边框透明度</label>
                                <div class="layui-input-block" style="position: absolute;top: 16px">
                                    <div id="opacity-label-outline" class="demo-slider"></div>
                                </div>
                            </div>
                            <div class="layui-form-item">
                                <label class="layui-form-label">是否显示背景</label>
                                <div class="layui-input-block">
                                    <input type="checkbox" lay-skin="switch" id="showLabelBackground"
                                        lay-filter="showLabelBackground" title="开关">
                                </div>
                            </div>
                            <div class="layui-form-item background color">
                                <label class="layui-form-label">背景色</label>
                                <div class="layui-input-block">
                                    <div id="colorchk-label-background" style="display: inline-block;margin-top: 2px;">
                                    </div>
                                </div>
                            </div>
                            <div class="layui-form-item background" style="position:relative;">
                                <label class="layui-form-label">背景透明度</label>
                                <div class="layui-input-block" style="position: absolute;top: 16px">
                                    <div id="opacity-label-background" class="demo-slider"></div>
                                </div>
                            </div>
                            <div class="layui-form-item">
                                <label class="layui-form-label">最小可视距离</label>
                                <div class="layui-input-block">
                                    <input type="number" name="minViewDistance" lay-verify="title" autocomplete="off"
                                        placeholder="0" onkeyup="value=value.replace(/[^\d\.]/g,'')"
                                        class="layui-input">
                                </div>
                            </div>
                            <div class="layui-form-item" style="border: 1px #fff solid">
                                <label class="layui-form-label">最大可视距离</label>
                                <div class="layui-input-block">
                                    <input type="number" name="maxViewDistance" lay-verify="title" autocomplete="off"
                                        placeholder="0" onkeyup="value=value.replace(/[^\d\.]/g,'')"
                                        class="layui-input">
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">是否不被遮挡</label>
                    <div class="layui-input-block">
                        <input type="checkbox" lay-skin="switch" id="isPointDisableDepthTest"
                            lay-filter="isPointDisableDepthTest" title="开关">
                    <!--模型点-->
                    <div class="props model" style="display: none">
                        <form class="layui-form" action="">
                            <div class="layui-form-item">
                                <label class="layui-form-label">类型</label>
                                <div class="layui-input-block" style="line-height: 38px;">
                                    模型
                                </div>
                            </div>
                            <div class="layui-form-item">
                                <label class="layui-form-label">名称</label>
                                <div class="layui-input-block">
                                    <input type="text" name="name" lay-verify="title" autocomplete="off" placeholder="0"
                                        value="" class="layui-input">
                                </div>
                            </div>
                            <div class="layui-form-item">
                                <label class="layui-form-label">模型链接</label>
                                <div class="layui-input-block">
                                    <input type="text" name="url" lay-verify="title" autocomplete="off" placeholder="0"
                                        class="layui-input">
                                </div>
                            </div>
                            <div class="layui-form-item">
                                <label class="layui-form-label">高度</label>
                                <div class="layui-input-block">
                                    <input type="number" name="height" lay-verify="title" autocomplete="off"
                                        placeholder="0" onkeyup="value=value.replace(/[^\d\.\-]/g,'')"
                                        class="layui-input">
                                </div>
                            </div>
                            <div class="layui-form-item">
                                <label class="layui-form-label">比例大小</label>
                                <div class="layui-input-block">
                                    <input type="number" name="scale" lay-verify="title" autocomplete="off"
                                        placeholder="0" onkeyup="value=value.replace(/[^\d\.]/g,'')"
                                        class="layui-input">
                                </div>
                            </div>
                            <div class="layui-form-item">
                                <label class="layui-form-label">最小显示尺寸</label>
                                <div class="layui-input-block">
                                    <input type="number" name="minimumPixelSize" lay-verify="title" autocomplete="off"
                                        placeholder="0" onkeyup="value=value.replace(/[^\d\.]/g,'')"
                                        class="layui-input">
                                </div>
                            </div>
                            <div class="layui-form-item">
                                <label class="layui-form-label">是否执行动画</label>
                                <div class="layui-input-block">
                                    <input type="checkbox" lay-skin="switch" id="runAnimations"
                                        lay-filter="runAnimations" title="开关">
                                </div>
                            </div>
                            <div class="layui-form-item color">
                                <label class="layui-form-label">填充色</label>
                                <div class="layui-input-block">
                                    <div id="colorchk-model-fill" style="display: inline-block;margin-top: 2px;"></div>
                                </div>
                            </div>
                            <div class="layui-form-item" style="position:relative;">
                                <label class="layui-form-label">填充透明度</label>
                                <div class="layui-input-block" style="position: absolute;top: 16px">
                                    <div id="opacity-model-fill" class="demo-slider"></div>
                                </div>
                            </div>
                            <div class="layui-form-item">
                                <label class="layui-form-label">自旋转</label>
                                <div class="layui-input-block">
                                    <input type="checkbox" lay-skin="switch" id="autoRotate" lay-filter="autoRotate"
                                        title="开关">
                                </div>
                            </div>
                            <div class="layui-form-item">
                                <label class="layui-form-label">方向角</label>
                                <div class="layui-input-block">
                                    <input type="number" name="heading" lay-verify="title" autocomplete="off"
                                        placeholder="0" onkeyup="value=value.replace(/[^\d\.\-]/g,'')"
                                        class="layui-input">
                                </div>
                            </div>
                            <div class="layui-form-item">
                                <label class="layui-form-label">俯仰角</label>
                                <div class="layui-input-block">
                                    <input type="number" name="pitch" lay-verify="title" autocomplete="off"
                                        placeholder="0" onkeyup="value=value.replace(/[^\d\.\-]/g,'')"
                                        class="layui-input">
                                </div>
                            </div>
                            <div class="layui-form-item">
                                <label class="layui-form-label">翻滚角</label>
                                <div class="layui-input-block">
                                    <input type="number" name="roll" lay-verify="title" autocomplete="off"
                                        placeholder="0" onkeyup="value=value.replace(/[^\d\.\-]/g,'')"
                                        class="layui-input">
                                </div>
                            </div>
                            <div class="layui-form-item">
                                <label class="layui-form-label">最小可视距离</label>
                                <div class="layui-input-block">
                                    <input type="number" name="minViewDistance" lay-verify="title" autocomplete="off"
                                        placeholder="0" onkeyup="value=value.replace(/[^\d\.]/g,'')"
                                        class="layui-input">
                                </div>
                            </div>
                            <div class="layui-form-item" style="border: 1px #fff solid">
                                <label class="layui-form-label">最大可视距离</label>
                                <div class="layui-input-block">
                                    <input type="number" name="maxViewDistance" lay-verify="title" autocomplete="off"
                                        placeholder="0" onkeyup="value=value.replace(/[^\d\.]/g,'')"
                                        class="layui-input">
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
                <div class="layui-form-item color">
                    <label class="layui-form-label">填充色</label>
                    <div class="layui-input-block">
                        <div id="colorchk-point-fill" style="display: inline-block;margin-top: 2px;"></div>
                    <!--线-->
                    <div class="props polyline" style="display: none">
                        <form class="layui-form" action="">
                            <div class="layui-form-item">
                                <label class="layui-form-label">类型</label>
                                <div class="layui-input-block" style="line-height: 38px;">
                                    线
                                </div>
                            </div>
                            <div class="layui-form-item">
                                <label class="layui-form-label">名称</label>
                                <div class="layui-input-block">
                                    <input type="text" name="name" lay-verify="title" autocomplete="off" placeholder="0"
                                        value="" class="layui-input">
                                </div>
                            </div>
                            <div class="layui-form-item">
                                <label class="layui-form-label">线宽</label>
                                <div class="layui-input-block">
                                    <input type="number" name="width" lay-verify="title" autocomplete="off"
                                        placeholder="0" onkeyup="value=value.replace(/[^\d\.]/g,'')"
                                        class="layui-input">
                                </div>
                            </div>
                            <div class="layui-form-item">
                                <label class="layui-form-label">是否贴地</label>
                                <div class="layui-input-block">
                                    <input type="checkbox" lay-skin="switch" id="showClampToGround_Polyline"
                                        lay-filter="showClampToGround" title="开关">
                                </div>
                            </div>
                            <div class="layui-form-item color">
                                <label class="layui-form-label">填充色</label>
                                <div class="layui-input-block">
                                    <div id="colorchk-polyline-fill" style="display: inline-block;margin-top: 2px;">
                                    </div>
                                </div>
                            </div>
                            <div class="layui-form-item" style="position:relative;">
                                <label class="layui-form-label">填充透明度</label>
                                <div class="layui-input-block" style="position: absolute;top: 16px">
                                    <div id="opacity-polyline-fill" class="demo-slider"></div>
                                </div>
                            </div>
                            <div class="layui-form-item">
                                <label class="layui-form-label">是否显示边框</label>
                                <div class="layui-input-block">
                                    <input type="checkbox" lay-skin="switch" id="showPolylineOutline"
                                        lay-filter="showPolylineOutline" title="开关">
                                </div>
                            </div>
                            <div class="layui-form-item outline">
                                <label class="layui-form-label">边框大小</label>
                                <div class="layui-input-block">
                                    <input type="number" name="outlineWidth" lay-verify="title" autocomplete="off"
                                        placeholder="0" onkeyup="value=value.replace(/[^\d\.]/g,'')"
                                        class="layui-input">
                                </div>
                            </div>
                            <div class="layui-form-item outline color">
                                <label class="layui-form-label">边框色</label>
                                <div class="layui-input-block">
                                    <div id="colorchk-polyline-outline" style="display: inline-block;margin-top: 2px;">
                                    </div>
                                </div>
                            </div>
                            <div class="layui-form-item outline" style="position:relative;">
                                <label class="layui-form-label">边框透明度</label>
                                <div class="layui-input-block" style="position: absolute;top: 16px">
                                    <div id="opacity-polyline-outline" class="demo-slider"></div>
                                </div>
                            </div>
                            <div class="layui-form-item">
                                <label class="layui-form-label">最小可视距离</label>
                                <div class="layui-input-block">
                                    <input type="number" name="minViewDistance" lay-verify="title" autocomplete="off"
                                        placeholder="0" onkeyup="value=value.replace(/[^\d\.]/g,'')"
                                        class="layui-input">
                                </div>
                            </div>
                            <div class="layui-form-item" style="border: 1px #fff solid">
                                <label class="layui-form-label">最大可视距离</label>
                                <div class="layui-input-block">
                                    <input type="number" name="maxViewDistance" lay-verify="title" autocomplete="off"
                                        placeholder="0" onkeyup="value=value.replace(/[^\d\.]/g,'')"
                                        class="layui-input">
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
                <div class="layui-form-item" style="position:relative;">
                    <label class="layui-form-label">填充透明度</label>
                    <div class="layui-input-block" style="position: absolute;top: 16px">
                        <div id="opacity-point-fill" class="demo-slider"></div>
                    <!--多边形-->
                    <div class="props polygon" style="display: none">
                        <form class="layui-form" action="">
                            <div class="layui-form-item">
                                <label class="layui-form-label">类型</label>
                                <div class="layui-input-block" style="line-height: 38px;">
                                    多边形
                                </div>
                            </div>
                            <div class="layui-form-item">
                                <label class="layui-form-label">名称</label>
                                <div class="layui-input-block">
                                    <input type="text" name="name" lay-verify="title" autocomplete="off" placeholder="0"
                                        value="" class="layui-input">
                                </div>
                            </div>
                            <div class="layui-form-item">
                                <label class="layui-form-label">是否贴地</label>
                                <div class="layui-input-block">
                                    <input type="checkbox" lay-skin="switch" id="showClampToGround_Polygon"
                                        lay-filter="showClampToGround" title="开关">
                                </div>
                            </div>
                            <div class="layui-form-item color">
                                <label class="layui-form-label">填充色</label>
                                <div class="layui-input-block">
                                    <div id="colorchk-polygon-fill" style="display: inline-block;margin-top: 2px;">
                                    </div>
                                </div>
                            </div>
                            <div class="layui-form-item" style="position:relative">
                                <label class="layui-form-label">填充透明度</label>
                                <div class="layui-input-block" style="position: absolute;top: 16px">
                                    <div id="opacity-polygon-fill" class="demo-slider"></div>
                                </div>
                            </div>
                            <div class="layui-form-item showBoundary">
                                <label class="layui-form-label">是否显示边框</label>
                                <div class="layui-input-block">
                                    <input type="checkbox" lay-skin="switch" id="showPolygonOutline"
                                        lay-filter="showPolygonOutline" title="开关">
                                </div>
                            </div>
                            <div class="layui-form-item outline color">
                                <label class="layui-form-label">边框色</label>
                                <div class="layui-input-block">
                                    <div id="colorchk-polygon-outline" style="display: inline-block;margin-top: 2px;">
                                    </div>
                                </div>
                            </div>
                            <div class="layui-form-item outline" style="position:relative;">
                                <label class="layui-form-label">边框透明度</label>
                                <div class="layui-input-block" style="position: absolute;top: 16px">
                                    <div id="opacity-polygon-outline" class="demo-slider"></div>
                                </div>
                            </div>
                            <div class="layui-form-item">
                                <label class="layui-form-label">最小可视距离</label>
                                <div class="layui-input-block">
                                    <input type="number" name="minViewDistance" lay-verify="title" autocomplete="off"
                                        placeholder="0" onkeyup="value=value.replace(/[^\d\.]/g,'')"
                                        class="layui-input">
                                </div>
                            </div>
                            <div class="layui-form-item" style="border: 1px #fff solid">
                                <label class="layui-form-label">最大可视距离</label>
                                <div class="layui-input-block">
                                    <input type="number" name="maxViewDistance" lay-verify="title" autocomplete="off"
                                        placeholder="0" onkeyup="value=value.replace(/[^\d\.]/g,'')"
                                        class="layui-input">
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">是否显示边框</label>
                    <div class="layui-input-block">
                        <input type="checkbox" lay-skin="switch" id="showPointOutline" lay-filter="showPointOutline"
                            title="开关">
                    <!--矩形-->
                    <div class="props rectangle" style="display: none">
                        <form class="layui-form" action="">
                            <div class="layui-form-item">
                                <label class="layui-form-label">类型</label>
                                <div class="layui-input-block" style="line-height: 38px;">
                                    矩形
                                </div>
                            </div>
                            <div class="layui-form-item">
                                <label class="layui-form-label">名称</label>
                                <div class="layui-input-block">
                                    <input type="text" name="name" lay-verify="title" autocomplete="off" placeholder="0"
                                        value="" class="layui-input">
                                </div>
                            </div>
                            <div class="layui-form-item">
                                <label class="layui-form-label">是否贴地</label>
                                <div class="layui-input-block">
                                    <input type="checkbox" lay-skin="switch" id="showClampToGround_Rectangle"
                                        lay-filter="showClampToGround" title="开关">
                                </div>
                            </div>
                            <div class="layui-form-item height">
                                <label class="layui-form-label">高度</label>
                                <div class="layui-input-block">
                                    <input type="number" name="height" lay-verify="title" autocomplete="off"
                                        placeholder="0" onkeyup="value=value.replace(/[^\d\.\-]/g,'')"
                                        class="layui-input">
                                </div>
                            </div>
                            <div class="layui-form-item">
                                <label class="layui-form-label">旋转角度</label>
                                <div class="layui-input-block">
                                    <input type="number" name="rotation" lay-verify="title" autocomplete="off"
                                        placeholder="0" onkeyup="value=value.replace(/[^\d\.\-]/g,'')"
                                        class="layui-input">
                                </div>
                            </div>
                            <div class="layui-form-item color">
                                <label class="layui-form-label">填充色</label>
                                <div class="layui-input-block">
                                    <div id="colorchk-rectangle-fill" style="display: inline-block;margin-top: 2px;">
                                    </div>
                                </div>
                            </div>
                            <div class="layui-form-item" style="position:relative">
                                <label class="layui-form-label">填充透明度</label>
                                <div class="layui-input-block" style="position: absolute;top: 16px">
                                    <div id="opacity-rectangle-fill" class="demo-slider"></div>
                                </div>
                            </div>
                            <div class="layui-form-item showBoundary">
                                <label class="layui-form-label">是否显示边框</label>
                                <div class="layui-input-block">
                                    <input type="checkbox" lay-skin="switch" id="showRectangleOutline"
                                        lay-filter="showRectangleOutline" title="开关">
                                </div>
                            </div>
                            <div class="layui-form-item outline color">
                                <label class="layui-form-label">边框色</label>
                                <div class="layui-input-block">
                                    <div id="colorchk-rectangle-outline" style="display: inline-block;margin-top: 2px;">
                                    </div>
                                </div>
                            </div>
                            <div class="layui-form-item outline" style="position:relative;">
                                <label class="layui-form-label">边框透明度</label>
                                <div class="layui-input-block" style="position: absolute;top: 16px">
                                    <div id="opacity-rectangle-outline" class="demo-slider"></div>
                                </div>
                            </div>
                            <div class="layui-form-item">
                                <label class="layui-form-label">最小可视距离</label>
                                <div class="layui-input-block">
                                    <input type="number" name="minViewDistance" lay-verify="title" autocomplete="off"
                                        placeholder="0" onkeyup="value=value.replace(/[^\d\.]/g,'')"
                                        class="layui-input">
                                </div>
                            </div>
                            <div class="layui-form-item" style="border: 1px #fff solid">
                                <label class="layui-form-label">最大可视距离</label>
                                <div class="layui-input-block">
                                    <input type="number" name="maxViewDistance" lay-verify="title" autocomplete="off"
                                        placeholder="0" onkeyup="value=value.replace(/[^\d\.]/g,'')"
                                        class="layui-input">
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
                <div class="layui-form-item outline">
                    <label class="layui-form-label">边框大小</label>
                    <div class="layui-input-block">
                        <input type="number" name="outlineWidth" lay-verify="title" autocomplete="off" placeholder="0"
                            onkeyup="value=value.replace(/[^\d\.]/g,'')" class="layui-input">
                    <!--圆形-->
                    <div class="props ellipse" style="display: none">
                        <form class="layui-form" action="">
                            <div class="layui-form-item">
                                <label class="layui-form-label">类型</label>
                                <div class="layui-input-block" style="line-height: 38px;">
                                    圆形
                                </div>
                            </div>
                            <div class="layui-form-item">
                                <label class="layui-form-label">名称</label>
                                <div class="layui-input-block">
                                    <input type="text" name="name" lay-verify="title" autocomplete="off" placeholder="0"
                                        value="" class="layui-input">
                                </div>
                            </div>
                            <div class="layui-form-item">
                                <label class="layui-form-label">是否贴地</label>
                                <div class="layui-input-block">
                                    <input type="checkbox" lay-skin="switch" id="showClampToGround_Ellipse"
                                        lay-filter="showClampToGround" title="开关">
                                </div>
                            </div>
                            <div class="layui-form-item height">
                                <label class="layui-form-label">高度</label>
                                <div class="layui-input-block">
                                    <input type="number" name="height" lay-verify="title" autocomplete="off"
                                        placeholder="0" onkeyup="value=value.replace(/[^\d\.\-]/g,'')"
                                        class="layui-input">
                                </div>
                            </div>
                            <div class="layui-form-item">
                                <label class="layui-form-label">半径</label>
                                <div class="layui-input-block">
                                    <input type="number" name="radius" lay-verify="title" autocomplete="off"
                                        placeholder="0" onkeyup="value=value.replace(/[^\d\.]/g,'')"
                                        class="layui-input">
                                </div>
                            </div>
                            <div class="layui-form-item color">
                                <label class="layui-form-label">填充色</label>
                                <div class="layui-input-block">
                                    <div id="colorchk-ellipse-fill" style="display: inline-block;margin-top: 2px;">
                                    </div>
                                </div>
                            </div>
                            <div class="layui-form-item" style="position:relative">
                                <label class="layui-form-label">填充透明度</label>
                                <div class="layui-input-block" style="position: absolute;top: 16px">
                                    <div id="opacity-ellipse-fill" class="demo-slider"></div>
                                </div>
                            </div>
                            <div class="layui-form-item showBoundary">
                                <label class="layui-form-label">是否显示边框</label>
                                <div class="layui-input-block">
                                    <input type="checkbox" lay-skin="switch" id="showEllipseOutline"
                                        lay-filter="showEllipseOutline" title="开关">
                                </div>
                            </div>
                            <div class="layui-form-item outline color">
                                <label class="layui-form-label">边框色</label>
                                <div class="layui-input-block">
                                    <div id="colorchk-ellipse-outline" style="display: inline-block;margin-top: 2px;">
                                    </div>
                                </div>
                            </div>
                            <div class="layui-form-item outline" style="position:relative;">
                                <label class="layui-form-label">边框透明度</label>
                                <div class="layui-input-block" style="position: absolute;top: 16px">
                                    <div id="opacity-ellipse-outline" class="demo-slider"></div>
                                </div>
                            </div>
                            <div class="layui-form-item">
                                <label class="layui-form-label">最小可视距离</label>
                                <div class="layui-input-block">
                                    <input type="number" name="minViewDistance" lay-verify="title" autocomplete="off"
                                        placeholder="0" onkeyup="value=value.replace(/[^\d\.]/g,'')"
                                        class="layui-input">
                                </div>
                            </div>
                            <div class="layui-form-item" style="border: 1px #fff solid">
                                <label class="layui-form-label">最大可视距离</label>
                                <div class="layui-input-block">
                                    <input type="number" name="maxViewDistance" lay-verify="title" autocomplete="off"
                                        placeholder="0" onkeyup="value=value.replace(/[^\d\.]/g,'')"
                                        class="layui-input">
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
                <div class="layui-form-item outline color">
                    <label class="layui-form-label">边框色</label>
                    <div class="layui-input-block">
                        <div id="colorchk-point-outline" style="display: inline-block;margin-top: 2px;"></div>
                    <!--多边体-->
                    <div class="props ExtrudedPolygon" style="display: none">
                        <form class="layui-form" action="">
                            <div class="layui-form-item">
                                <label class="layui-form-label">类型</label>
                                <div class="layui-input-block" style="line-height: 38px;">
                                    多边体
                                </div>
                            </div>
                            <div class="layui-form-item">
                                <label class="layui-form-label">名称</label>
                                <div class="layui-input-block">
                                    <input type="text" name="name" lay-verify="title" autocomplete="off" placeholder="0"
                                        value="" class="layui-input">
                                </div>
                            </div>
                            <div class="layui-form-item">
                                <label class="layui-form-label">高度</label>
                                <div class="layui-input-block">
                                    <input type="number" name="height" lay-verify="title" autocomplete="off"
                                        placeholder="0" onkeyup="value=value.replace(/[^\d\.]/g,'')"
                                        class="layui-input">
                                </div>
                            </div>
                            <div class="layui-form-item">
                                <label class="layui-form-label">拉伸高度</label>
                                <div class="layui-input-block">
                                    <input type="number" name="extrudedHeight" lay-verify="title" autocomplete="off"
                                        placeholder="0" onkeyup="value=value.replace(/[^\d\.]/g,'')"
                                        class="layui-input">
                                </div>
                            </div>
                            <div class="layui-form-item color">
                                <label class="layui-form-label">填充色</label>
                                <div class="layui-input-block">
                                    <div id="colorchk-ExtrudedPolygon-fill"
                                        style="display: inline-block;margin-top: 2px;">
                                    </div>
                                </div>
                            </div>
                            <div class="layui-form-item" style="position:relative">
                                <label class="layui-form-label">填充透明度</label>
                                <div class="layui-input-block" style="position: absolute;top: 16px">
                                    <div id="opacity-ExtrudedPolygon-fill" class="demo-slider"></div>
                                </div>
                            </div>
                            <div class="layui-form-item">
                                <label class="layui-form-label">是否显示边框</label>
                                <div class="layui-input-block">
                                    <input type="checkbox" lay-skin="switch" id="showExtrudedPolygonOutline"
                                        lay-filter="showExtrudedPolygonOutline" title="开关">
                                </div>
                            </div>
                            <div class="layui-form-item outline color">
                                <label class="layui-form-label">边框色</label>
                                <div class="layui-input-block">
                                    <div id="colorchk-ExtrudedPolygon-outline"
                                        style="display: inline-block;margin-top: 2px;"></div>
                                </div>
                            </div>
                            <div class="layui-form-item outline" style="position:relative;">
                                <label class="layui-form-label">边框透明度</label>
                                <div class="layui-input-block" style="position: absolute;top: 16px">
                                    <div id="opacity-ExtrudedPolygon-outline" class="demo-slider"></div>
                                </div>
                            </div>
                            <div class="layui-form-item">
                                <label class="layui-form-label">最小可视距离</label>
                                <div class="layui-input-block">
                                    <input type="number" name="minViewDistance" lay-verify="title" autocomplete="off"
                                        placeholder="0" onkeyup="value=value.replace(/[^\d\.]/g,'')"
                                        class="layui-input">
                                </div>
                            </div>
                            <div class="layui-form-item" style="border: 1px #fff solid">
                                <label class="layui-form-label">最大可视距离</label>
                                <div class="layui-input-block">
                                    <input type="number" name="maxViewDistance" lay-verify="title" autocomplete="off"
                                        placeholder="0" onkeyup="value=value.replace(/[^\d\.]/g,'')"
                                        class="layui-input">
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
                <div class="layui-form-item outline" style="position:relative;">
                    <label class="layui-form-label">边框透明度</label>
                    <div class="layui-input-block" style="position: absolute;top: 16px">
                        <div id="opacity-point-outline" class="demo-slider"></div>
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">最小可视距离</label>
                    <div class="layui-input-block">
                        <input type="number" name="minViewDistance" lay-verify="title" autocomplete="off"
                            placeholder="0" onkeyup="value=value.replace(/[^\d\.]/g,'')" class="layui-input">
                    </div>
                </div>
                <div class="layui-form-item" style="border: 1px #fff solid">
                    <label class="layui-form-label">最大可视距离</label>
                    <div class="layui-input-block">
                        <input type="number" name="maxViewDistance" lay-verify="title" autocomplete="off"
                            placeholder="0" onkeyup="value=value.replace(/[^\d\.]/g,'')" class="layui-input">
                    </div>
                </div>
            </form>
        </div>
        <!--图片点-->
        <div class="props billboard" style="display: none">
            <form class="layui-form" action="">
                <div class="layui-form-item">
                    <label class="layui-form-label">类型</label>
                    <div class="layui-input-block" style="line-height: 38px;">
                        图片点
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">名称</label>
                    <div class="layui-input-block">
                        <input type="text" name="name" lay-verify="title" autocomplete="off" placeholder="0" value=""
                            class="layui-input">
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">图片链接</label>
                    <div class="layui-input-block">
                        <input type="text" name="image" lay-verify="title" autocomplete="off" placeholder="0"
                            class="layui-input">
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">比例大小</label>
                    <div class="layui-input-block">
                        <input type="number" name="scale" lay-verify="title" autocomplete="off" placeholder="0"
                            onkeyup="value=value.replace(/[^\d\.]/g,'')" class="layui-input">
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">水平对齐</label>
                    <div class="layui-input-block">
                        <select name="horizontalOrigin" class="horizontalOrigin" lay-filter="horizontalOrigin">
                            <option value="0">居中</option>
                            <option value="1">左对齐</option>
                            <option value="-1">右对齐</option>
                        </select>
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">垂直对齐</label>
                    <div class="layui-input-block">
                        <select name="verticalOrigin" class="verticalOrigin" lay-filter="verticalOrigin">
                            <option value="0">居中</option>
                            <option value="-1">上对齐</option>
                            <option value="1">下对齐</option>
                            <option value="2">基线对齐</option>
                        </select>
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">旋转角度</label>
                    <div class="layui-input-block">
                        <input type="number" name="rotation" lay-verify="title" autocomplete="off" placeholder="0"
                            onkeyup="value=value.replace(/[^\d\.\-]/g,'')" class="layui-input">
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">宽</label>
                    <div class="layui-input-block">
                        <input type="number" name="width" lay-verify="title" autocomplete="off" placeholder="0"
                            onkeyup="value=value.replace(/[^\d\.]/g,'')" class="layui-input">
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">高</label>
                    <div class="layui-input-block">
                        <input type="number" name="height" lay-verify="title" autocomplete="off" placeholder="0"
                            onkeyup="value=value.replace(/[^\d\.]/g,'')" class="layui-input">
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">是否不被遮挡</label>
                    <div class="layui-input-block">
                        <input type="checkbox" lay-skin="switch" id="isBillboardDisableDepthTest"
                            lay-filter="isBillboardDisableDepthTest" title="开关">
                    </div>
                </div>
                <div class="layui-form-item color">
                    <label class="layui-form-label">填充色</label>
                    <div class="layui-input-block">
                        <div id="colorchk-billboard-fill" style="display: inline-block;margin-top: 2px;"></div>
                    </div>
                </div>
                <div class="layui-form-item" style="position:relative;">
                    <label class="layui-form-label">填充透明度</label>
                    <div class="layui-input-block" style="position: absolute;top: 16px">
                        <div id="opacity-billboard-fill" class="demo-slider"></div>
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">最小可视距离</label>
                    <div class="layui-input-block">
                        <input type="number" name="minViewDistance" lay-verify="title" autocomplete="off"
                            placeholder="0" onkeyup="value=value.replace(/[^\d\.]/g,'')" class="layui-input">
                    </div>
                </div>
                <div class="layui-form-item" style="border: 1px #fff solid">
                    <label class="layui-form-label">最大可视距离</label>
                    <div class="layui-input-block">
                        <input type="number" name="maxViewDistance" lay-verify="title" autocomplete="off"
                            placeholder="0" onkeyup="value=value.replace(/[^\d\.]/g,'')" class="layui-input">
                    </div>
                </div>
            </form>
        </div>
        <!--文本点-->
        <div class="props label" style="display: none">
            <form class="layui-form" action="">
                <div class="layui-form-item">
                    <label class="layui-form-label">类型</label>
                    <div class="layui-input-block" style="line-height: 38px;">
                        文本点
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">名称</label>
                    <div class="layui-input-block">
                        <input type="text" name="name" lay-verify="title" autocomplete="off" placeholder="0" value=""
                            class="layui-input">
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">内容</label>
                    <div class="layui-input-block">
                        <input type="text" name="text" lay-verify="title" autocomplete="off" placeholder="0"
                            class="layui-input">
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">字体</label>
                    <div class="layui-input-block">
                        <input type="text" name="font" lay-verify="title" autocomplete="off" placeholder="0"
                            class="layui-input">
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">水平对齐</label>
                    <div class="layui-input-block">
                        <select name="horizontalOrigin" class="horizontalOrigin" lay-filter="horizontalOrigin">
                            <option value="0">居中</option>
                            <option value="1">左对齐</option>
                            <option value="-1">右对齐</option>
                        </select>
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">垂直对齐</label>
                    <div class="layui-input-block">
                        <select name="verticalOrigin" class="verticalOrigin" lay-filter="verticalOrigin">
                            <option value="0">居中</option>
                            <option value="-1">上对齐</option>
                            <option value="1">下对齐</option>
                            <option value="2">基线对齐</option>
                        </select>
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">比例大小</label>
                    <div class="layui-input-block">
                        <input type="number" name="scale" lay-verify="title" autocomplete="off" placeholder="0"
                            onkeyup="value=value.replace(/[^\d\.]/g,'')" class="layui-input">
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">是否不被遮挡</label>
                    <div class="layui-input-block">
                        <input type="checkbox" lay-skin="switch" id="isLabelDisableDepthTest"
                            lay-filter="isLabelDisableDepthTest" title="开关">
                    </div>
                </div>
                <div class="layui-form-item color">
                    <label class="layui-form-label">填充色</label>
                    <div class="layui-input-block">
                        <div id="colorchk-label-fill" style="display: inline-block;margin-top: 2px;"></div>
                    </div>
                </div>
                <div class="layui-form-item" style="position:relative;">
                    <label class="layui-form-label">填充透明度</label>
                    <div class="layui-input-block" style="position: absolute;top: 16px">
                        <div id="opacity-label-fill" class="demo-slider"></div>
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">是否显示边框</label>
                    <div class="layui-input-block">
                        <input type="checkbox" lay-skin="switch" id="showLabelOutline" lay-filter="showLabelOutline"
                            title="开关">
                    </div>
                </div>
                <div class="layui-form-item outline">
                    <label class="layui-form-label">边框大小</label>
                    <div class="layui-input-block">
                        <input type="number" name="outlineWidth" lay-verify="title" autocomplete="off" placeholder="0"
                            onkeyup="value=value.replace(/[^\d\.]/g,'')" class="layui-input">
                    </div>
                </div>
                <div class="layui-form-item outline color">
                    <label class="layui-form-label">边框色</label>
                    <div class="layui-input-block">
                        <div id="colorchk-label-outline" style="display: inline-block;margin-top: 2px;"></div>
                    </div>
                </div>
                <div class="layui-form-item outline" style="position:relative;">
                    <label class="layui-form-label">边框透明度</label>
                    <div class="layui-input-block" style="position: absolute;top: 16px">
                        <div id="opacity-label-outline" class="demo-slider"></div>
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">是否显示背景</label>
                    <div class="layui-input-block">
                        <input type="checkbox" lay-skin="switch" id="showLabelBackground"
                            lay-filter="showLabelBackground" title="开关">
                    </div>
                </div>
                <div class="layui-form-item background color">
                    <label class="layui-form-label">背景色</label>
                    <div class="layui-input-block">
                        <div id="colorchk-label-background" style="display: inline-block;margin-top: 2px;"></div>
                    </div>
                </div>
                <div class="layui-form-item background" style="position:relative;">
                    <label class="layui-form-label">背景透明度</label>
                    <div class="layui-input-block" style="position: absolute;top: 16px">
                        <div id="opacity-label-background" class="demo-slider"></div>
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">最小可视距离</label>
                    <div class="layui-input-block">
                        <input type="number" name="minViewDistance" lay-verify="title" autocomplete="off"
                            placeholder="0" onkeyup="value=value.replace(/[^\d\.]/g,'')" class="layui-input">
                    </div>
                </div>
                <div class="layui-form-item" style="border: 1px #fff solid">
                    <label class="layui-form-label">最大可视距离</label>
                    <div class="layui-input-block">
                        <input type="number" name="maxViewDistance" lay-verify="title" autocomplete="off"
                            placeholder="0" onkeyup="value=value.replace(/[^\d\.]/g,'')" class="layui-input">
                    </div>
                </div>
            </form>
        </div>
        <!--模型点-->
        <div class="props model" style="display: none">
            <form class="layui-form" action="">
                <div class="layui-form-item">
                    <label class="layui-form-label">类型</label>
                    <div class="layui-input-block" style="line-height: 38px;">
                        模型
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">名称</label>
                    <div class="layui-input-block">
                        <input type="text" name="name" lay-verify="title" autocomplete="off" placeholder="0" value=""
                            class="layui-input">
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">模型链接</label>
                    <div class="layui-input-block">
                        <input type="text" name="url" lay-verify="title" autocomplete="off" placeholder="0"
                            class="layui-input">
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">高度</label>
                    <div class="layui-input-block">
                        <input type="number" name="height" lay-verify="title" autocomplete="off" placeholder="0"
                            onkeyup="value=value.replace(/[^\d\.\-]/g,'')" class="layui-input">
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">比例大小</label>
                    <div class="layui-input-block">
                        <input type="number" name="scale" lay-verify="title" autocomplete="off" placeholder="0"
                            onkeyup="value=value.replace(/[^\d\.]/g,'')" class="layui-input">
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">最小显示尺寸</label>
                    <div class="layui-input-block">
                        <input type="number" name="minimumPixelSize" lay-verify="title" autocomplete="off"
                            placeholder="0" onkeyup="value=value.replace(/[^\d\.]/g,'')" class="layui-input">
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">是否执行动画</label>
                    <div class="layui-input-block">
                        <input type="checkbox" lay-skin="switch" id="runAnimations" lay-filter="runAnimations"
                            title="开关">
                    </div>
                </div>
                <div class="layui-form-item color">
                    <label class="layui-form-label">填充色</label>
                    <div class="layui-input-block">
                        <div id="colorchk-model-fill" style="display: inline-block;margin-top: 2px;"></div>
                    </div>
                </div>
                <div class="layui-form-item" style="position:relative;">
                    <label class="layui-form-label">填充透明度</label>
                    <div class="layui-input-block" style="position: absolute;top: 16px">
                        <div id="opacity-model-fill" class="demo-slider"></div>
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">自旋转</label>
                    <div class="layui-input-block">
                        <input type="checkbox" lay-skin="switch" id="autoRotate" lay-filter="autoRotate" title="开关">
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">方向角</label>
                    <div class="layui-input-block">
                        <input type="number" name="heading" lay-verify="title" autocomplete="off" placeholder="0"
                            onkeyup="value=value.replace(/[^\d\.\-]/g,'')" class="layui-input">
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">俯仰角</label>
                    <div class="layui-input-block">
                        <input type="number" name="pitch" lay-verify="title" autocomplete="off" placeholder="0"
                            onkeyup="value=value.replace(/[^\d\.\-]/g,'')" class="layui-input">
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">翻滚角</label>
                    <div class="layui-input-block">
                        <input type="number" name="roll" lay-verify="title" autocomplete="off" placeholder="0"
                            onkeyup="value=value.replace(/[^\d\.\-]/g,'')" class="layui-input">
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">最小可视距离</label>
                    <div class="layui-input-block">
                        <input type="number" name="minViewDistance" lay-verify="title" autocomplete="off"
                            placeholder="0" onkeyup="value=value.replace(/[^\d\.]/g,'')" class="layui-input">
                    </div>
                </div>
                <div class="layui-form-item" style="border: 1px #fff solid">
                    <label class="layui-form-label">最大可视距离</label>
                    <div class="layui-input-block">
                        <input type="number" name="maxViewDistance" lay-verify="title" autocomplete="off"
                            placeholder="0" onkeyup="value=value.replace(/[^\d\.]/g,'')" class="layui-input">
                    </div>
                </div>
            </form>
        </div>
        <!--线-->
        <div class="props polyline" style="display: none">
            <form class="layui-form" action="">
                <div class="layui-form-item">
                    <label class="layui-form-label">类型</label>
                    <div class="layui-input-block" style="line-height: 38px;">
                        线
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">名称</label>
                    <div class="layui-input-block">
                        <input type="text" name="name" lay-verify="title" autocomplete="off" placeholder="0" value=""
                            class="layui-input">
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">线宽</label>
                    <div class="layui-input-block">
                        <input type="number" name="width" lay-verify="title" autocomplete="off" placeholder="0"
                            onkeyup="value=value.replace(/[^\d\.]/g,'')" class="layui-input">
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">是否贴地</label>
                    <div class="layui-input-block">
                        <input type="checkbox" lay-skin="switch" id="showClampToGround_Polyline"
                            lay-filter="showClampToGround" title="开关">
                    </div>
                </div>
                <div class="layui-form-item color">
                    <label class="layui-form-label">填充色</label>
                    <div class="layui-input-block">
                        <div id="colorchk-polyline-fill" style="display: inline-block;margin-top: 2px;"></div>
                    </div>
                </div>
                <div class="layui-form-item" style="position:relative;">
                    <label class="layui-form-label">填充透明度</label>
                    <div class="layui-input-block" style="position: absolute;top: 16px">
                        <div id="opacity-polyline-fill" class="demo-slider"></div>
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">是否显示边框</label>
                    <div class="layui-input-block">
                        <input type="checkbox" lay-skin="switch" id="showPolylineOutline"
                            lay-filter="showPolylineOutline" title="开关">
                    </div>
                </div>
                <div class="layui-form-item outline">
                    <label class="layui-form-label">边框大小</label>
                    <div class="layui-input-block">
                        <input type="number" name="outlineWidth" lay-verify="title" autocomplete="off" placeholder="0"
                            onkeyup="value=value.replace(/[^\d\.]/g,'')" class="layui-input">
                    </div>
                </div>
                <div class="layui-form-item outline color">
                    <label class="layui-form-label">边框色</label>
                    <div class="layui-input-block">
                        <div id="colorchk-polyline-outline" style="display: inline-block;margin-top: 2px;"></div>
                    </div>
                </div>
                <div class="layui-form-item outline" style="position:relative;">
                    <label class="layui-form-label">边框透明度</label>
                    <div class="layui-input-block" style="position: absolute;top: 16px">
                        <div id="opacity-polyline-outline" class="demo-slider"></div>
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">最小可视距离</label>
                    <div class="layui-input-block">
                        <input type="number" name="minViewDistance" lay-verify="title" autocomplete="off"
                            placeholder="0" onkeyup="value=value.replace(/[^\d\.]/g,'')" class="layui-input">
                    </div>
                </div>
                <div class="layui-form-item" style="border: 1px #fff solid">
                    <label class="layui-form-label">最大可视距离</label>
                    <div class="layui-input-block">
                        <input type="number" name="maxViewDistance" lay-verify="title" autocomplete="off"
                            placeholder="0" onkeyup="value=value.replace(/[^\d\.]/g,'')" class="layui-input">
                    </div>
                </div>
            </form>
        </div>
        <!--多边形-->
        <div class="props polygon" style="display: none">
            <form class="layui-form" action="">
                <div class="layui-form-item">
                    <label class="layui-form-label">类型</label>
                    <div class="layui-input-block" style="line-height: 38px;">
                        多边形
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">名称</label>
                    <div class="layui-input-block">
                        <input type="text" name="name" lay-verify="title" autocomplete="off" placeholder="0" value=""
                            class="layui-input">
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">是否贴地</label>
                    <div class="layui-input-block">
                        <input type="checkbox" lay-skin="switch" id="showClampToGround_Polygon"
                            lay-filter="showClampToGround" title="开关">
                    </div>
                </div>
                <div class="layui-form-item color">
                    <label class="layui-form-label">填充色</label>
                    <div class="layui-input-block">
                        <div id="colorchk-polygon-fill" style="display: inline-block;margin-top: 2px;"></div>
                    </div>
                </div>
                <div class="layui-form-item" style="position:relative">
                    <label class="layui-form-label">填充透明度</label>
                    <div class="layui-input-block" style="position: absolute;top: 16px">
                        <div id="opacity-polygon-fill" class="demo-slider"></div>
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">是否显示边框</label>
                    <div class="layui-input-block">
                        <input type="checkbox" lay-skin="switch" id="showPolygonOutline" lay-filter="showPolygonOutline"
                            title="开关">
                    </div>
                </div>
                <div class="layui-form-item outline color">
                    <label class="layui-form-label">边框色</label>
                    <div class="layui-input-block">
                        <div id="colorchk-polygon-outline" style="display: inline-block;margin-top: 2px;"></div>
                    </div>
                </div>
                <div class="layui-form-item outline" style="position:relative;">
                    <label class="layui-form-label">边框透明度</label>
                    <div class="layui-input-block" style="position: absolute;top: 16px">
                        <div id="opacity-polygon-outline" class="demo-slider"></div>
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">最小可视距离</label>
                    <div class="layui-input-block">
                        <input type="number" name="minViewDistance" lay-verify="title" autocomplete="off"
                            placeholder="0" onkeyup="value=value.replace(/[^\d\.]/g,'')" class="layui-input">
                    </div>
                </div>
                <div class="layui-form-item" style="border: 1px #fff solid">
                    <label class="layui-form-label">最大可视距离</label>
                    <div class="layui-input-block">
                        <input type="number" name="maxViewDistance" lay-verify="title" autocomplete="off"
                            placeholder="0" onkeyup="value=value.replace(/[^\d\.]/g,'')" class="layui-input">
                    </div>
                </div>
            </form>
        </div>
        <!--矩形-->
        <div class="props rectangle" style="display: none">
            <form class="layui-form" action="">
                <div class="layui-form-item">
                    <label class="layui-form-label">类型</label>
                    <div class="layui-input-block" style="line-height: 38px;">
                        矩形
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">名称</label>
                    <div class="layui-input-block">
                        <input type="text" name="name" lay-verify="title" autocomplete="off" placeholder="0" value=""
                            class="layui-input">
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">是否贴地</label>
                    <div class="layui-input-block">
                        <input type="checkbox" lay-skin="switch" id="showClampToGround_Rectangle"
                            lay-filter="showClampToGround" title="开关">
                    </div>
                </div>
                <div class="layui-form-item height">
                    <label class="layui-form-label">高度</label>
                    <div class="layui-input-block">
                        <input type="number" name="height" lay-verify="title" autocomplete="off" placeholder="0"
                            onkeyup="value=value.replace(/[^\d\.\-]/g,'')" class="layui-input">
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">旋转角度</label>
                    <div class="layui-input-block">
                        <input type="number" name="rotation" lay-verify="title" autocomplete="off" placeholder="0"
                            onkeyup="value=value.replace(/[^\d\.\-]/g,'')" class="layui-input">
                    </div>
                </div>
                <div class="layui-form-item color">
                    <label class="layui-form-label">填充色</label>
                    <div class="layui-input-block">
                        <div id="colorchk-rectangle-fill" style="display: inline-block;margin-top: 2px;"></div>
                    </div>
                </div>
                <div class="layui-form-item" style="position:relative">
                    <label class="layui-form-label">填充透明度</label>
                    <div class="layui-input-block" style="position: absolute;top: 16px">
                        <div id="opacity-rectangle-fill" class="demo-slider"></div>
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">是否显示边框</label>
                    <div class="layui-input-block">
                        <input type="checkbox" lay-skin="switch" id="showRectangleOutline"
                            lay-filter="showRectangleOutline" title="开关">
                    </div>
                </div>
                <div class="layui-form-item outline color">
                    <label class="layui-form-label">边框色</label>
                    <div class="layui-input-block">
                        <div id="colorchk-rectangle-outline" style="display: inline-block;margin-top: 2px;"></div>
                    </div>
                </div>
                <div class="layui-form-item outline" style="position:relative;">
                    <label class="layui-form-label">边框透明度</label>
                    <div class="layui-input-block" style="position: absolute;top: 16px">
                        <div id="opacity-rectangle-outline" class="demo-slider"></div>
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">最小可视距离</label>
                    <div class="layui-input-block">
                        <input type="number" name="minViewDistance" lay-verify="title" autocomplete="off"
                            placeholder="0" onkeyup="value=value.replace(/[^\d\.]/g,'')" class="layui-input">
                    </div>
                </div>
                <div class="layui-form-item" style="border: 1px #fff solid">
                    <label class="layui-form-label">最大可视距离</label>
                    <div class="layui-input-block">
                        <input type="number" name="maxViewDistance" lay-verify="title" autocomplete="off"
                            placeholder="0" onkeyup="value=value.replace(/[^\d\.]/g,'')" class="layui-input">
                    </div>
                </div>
            </form>
        </div>
        <!--圆形-->
        <div class="props ellipse" style="display: none">
            <form class="layui-form" action="">
                <div class="layui-form-item">
                    <label class="layui-form-label">类型</label>
                    <div class="layui-input-block" style="line-height: 38px;">
                        圆形
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">名称</label>
                    <div class="layui-input-block">
                        <input type="text" name="name" lay-verify="title" autocomplete="off" placeholder="0" value=""
                            class="layui-input">
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">是否贴地</label>
                    <div class="layui-input-block">
                        <input type="checkbox" lay-skin="switch" id="showClampToGround_Ellipse"
                            lay-filter="showClampToGround" title="开关">
                    </div>
                </div>
                <div class="layui-form-item height">
                    <label class="layui-form-label">高度</label>
                    <div class="layui-input-block">
                        <input type="number" name="height" lay-verify="title" autocomplete="off" placeholder="0"
                            onkeyup="value=value.replace(/[^\d\.\-]/g,'')" class="layui-input">
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">半径</label>
                    <div class="layui-input-block">
                        <input type="number" name="radius" lay-verify="title" autocomplete="off" placeholder="0"
                            onkeyup="value=value.replace(/[^\d\.]/g,'')" class="layui-input">
                    </div>
                </div>
                <div class="layui-form-item color">
                    <label class="layui-form-label">填充色</label>
                    <div class="layui-input-block">
                        <div id="colorchk-ellipse-fill" style="display: inline-block;margin-top: 2px;"></div>
                    </div>
                </div>
                <div class="layui-form-item" style="position:relative">
                    <label class="layui-form-label">填充透明度</label>
                    <div class="layui-input-block" style="position: absolute;top: 16px">
                        <div id="opacity-ellipse-fill" class="demo-slider"></div>
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">是否显示边框</label>
                    <div class="layui-input-block">
                        <input type="checkbox" lay-skin="switch" id="showEllipseOutline" lay-filter="showEllipseOutline"
                            title="开关">
                    </div>
                </div>
                <div class="layui-form-item outline color">
                    <label class="layui-form-label">边框色</label>
                    <div class="layui-input-block">
                        <div id="colorchk-ellipse-outline" style="display: inline-block;margin-top: 2px;"></div>
                    </div>
                </div>
                <div class="layui-form-item outline" style="position:relative;">
                    <label class="layui-form-label">边框透明度</label>
                    <div class="layui-input-block" style="position: absolute;top: 16px">
                        <div id="opacity-ellipse-outline" class="demo-slider"></div>
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">最小可视距离</label>
                    <div class="layui-input-block">
                        <input type="number" name="minViewDistance" lay-verify="title" autocomplete="off"
                            placeholder="0" onkeyup="value=value.replace(/[^\d\.]/g,'')" class="layui-input">
                    </div>
                </div>
                <div class="layui-form-item" style="border: 1px #fff solid">
                    <label class="layui-form-label">最大可视距离</label>
                    <div class="layui-input-block">
                        <input type="number" name="maxViewDistance" lay-verify="title" autocomplete="off"
                            placeholder="0" onkeyup="value=value.replace(/[^\d\.]/g,'')" class="layui-input">
                    </div>
                </div>
            </form>
        </div>
        <!--多边体-->
        <div class="props ExtrudedPolygon" style="display: none">
            <form class="layui-form" action="">
                <div class="layui-form-item">
                    <label class="layui-form-label">类型</label>
                    <div class="layui-input-block" style="line-height: 38px;">
                        多边体
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">名称</label>
                    <div class="layui-input-block">
                        <input type="text" name="name" lay-verify="title" autocomplete="off" placeholder="0" value=""
                            class="layui-input">
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">高度</label>
                    <div class="layui-input-block">
                        <input type="number" name="height" lay-verify="title" autocomplete="off" placeholder="0"
                            onkeyup="value=value.replace(/[^\d\.]/g,'')" class="layui-input">
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">拉伸高度</label>
                    <div class="layui-input-block">
                        <input type="number" name="extrudedHeight" lay-verify="title" autocomplete="off" placeholder="0"
                            onkeyup="value=value.replace(/[^\d\.]/g,'')" class="layui-input">
                    </div>
                </div>
                <div class="layui-form-item color">
                    <label class="layui-form-label">填充色</label>
                    <div class="layui-input-block">
                        <div id="colorchk-ExtrudedPolygon-fill" style="display: inline-block;margin-top: 2px;"></div>
                    </div>
                </div>
                <div class="layui-form-item" style="position:relative">
                    <label class="layui-form-label">填充透明度</label>
                    <div class="layui-input-block" style="position: absolute;top: 16px">
                        <div id="opacity-ExtrudedPolygon-fill" class="demo-slider"></div>
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">是否显示边框</label>
                    <div class="layui-input-block">
                        <input type="checkbox" lay-skin="switch" id="showExtrudedPolygonOutline"
                            lay-filter="showExtrudedPolygonOutline" title="开关">
                    </div>
                </div>
                <div class="layui-form-item outline color">
                    <label class="layui-form-label">边框色</label>
                    <div class="layui-input-block">
                        <div id="colorchk-ExtrudedPolygon-outline" style="display: inline-block;margin-top: 2px;"></div>
                    </div>
                </div>
                <div class="layui-form-item outline" style="position:relative;">
                    <label class="layui-form-label">边框透明度</label>
                    <div class="layui-input-block" style="position: absolute;top: 16px">
                        <div id="opacity-ExtrudedPolygon-outline" class="demo-slider"></div>
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">最小可视距离</label>
                    <div class="layui-input-block">
                        <input type="number" name="minViewDistance" lay-verify="title" autocomplete="off"
                            placeholder="0" onkeyup="value=value.replace(/[^\d\.]/g,'')" class="layui-input">
                    </div>
                </div>
                <div class="layui-form-item" style="border: 1px #fff solid">
                    <label class="layui-form-label">最大可视距离</label>
                    <div class="layui-input-block">
                        <input type="number" name="maxViewDistance" lay-verify="title" autocomplete="off"
                            placeholder="0" onkeyup="value=value.replace(/[^\d\.]/g,'')" class="layui-input">
                    </div>
                </div>
            </form>
        </div>
        <!--立方体-->
        <div class="props box" style="display: none">
            <form class="layui-form" action="">
                <div class="layui-form-item">
                    <label class="layui-form-label">类型</label>
                    <div class="layui-input-block" style="line-height: 38px;">
                        立方体
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">名称</label>
                    <div class="layui-input-block">
                        <input type="text" name="name" lay-verify="title" autocomplete="off" placeholder="0" value=""
                            class="layui-input">
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">长</label>
                    <div class="layui-input-block">
                        <input type="number" name="long" lay-verify="title" autocomplete="off" placeholder="0"
                            onkeyup="value=value.replace(/[^\d\.]/g,'')" class="layui-input">
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">宽</label>
                    <div class="layui-input-block">
                        <input type="number" name="width" lay-verify="title" autocomplete="off" placeholder="0"
                            onkeyup="value=value.replace(/[^\d\.]/g,'')" class="layui-input">
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">高</label>
                    <div class="layui-input-block">
                        <input type="number" name="height" lay-verify="title" autocomplete="off" placeholder="0"
                            onkeyup="value=value.replace(/[^\d\.]/g,'')" class="layui-input">
                    </div>
                </div>
                <div class="layui-form-item color">
                    <label class="layui-form-label">填充色</label>
                    <div class="layui-input-block">
                        <div id="colorchk-box-fill" style="display: inline-block;margin-top: 2px;"></div>
                    </div>
                </div>
                <div class="layui-form-item" style="position:relative">
                    <label class="layui-form-label">填充透明度</label>
                    <div class="layui-input-block" style="position: absolute;top: 16px">
                        <div id="opacity-box-fill" class="demo-slider"></div>
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">是否显示边框</label>
                    <div class="layui-input-block">
                        <input type="checkbox" lay-skin="switch" id="showBoxOutline" lay-filter="showBoxOutline"
                            title="开关">
                    </div>
                </div>
                <div class="layui-form-item outline color">
                    <label class="layui-form-label">边框色</label>
                    <div class="layui-input-block">
                        <div id="colorchk-box-outline" style="display: inline-block;margin-top: 2px;"></div>
                    </div>
                </div>
                <div class="layui-form-item outline" style="position:relative;">
                    <label class="layui-form-label">边框透明度</label>
                    <div class="layui-input-block" style="position: absolute;top: 16px">
                        <div id="opacity-box-outline" class="demo-slider"></div>
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">最小可视距离</label>
                    <div class="layui-input-block">
                        <input type="number" name="minViewDistance" lay-verify="title" autocomplete="off"
                            placeholder="0" onkeyup="value=value.replace(/[^\d\.]/g,'')" class="layui-input">
                    </div>
                </div>
                <div class="layui-form-item" style="border: 1px #fff solid">
                    <label class="layui-form-label">最大可视距离</label>
                    <div class="layui-input-block">
                        <input type="number" name="maxViewDistance" lay-verify="title" autocomplete="off"
                            placeholder="0" onkeyup="value=value.replace(/[^\d\.]/g,'')" class="layui-input">
                    </div>
                </div>
            </form>
        </div>
        <!--圆柱/锥体-->
        <div class="props cylinder" style="display: none">
            <form class="layui-form" action="">
                <div class="layui-form-item">
                    <label class="layui-form-label">类型</label>
                    <div class="layui-input-block cylinderType" style="line-height: 38px;">
                        圆柱体
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">名称</label>
                    <div class="layui-input-block">
                        <input type="text" name="name" lay-verify="title" autocomplete="off" placeholder="0" value=""
                            class="layui-input">
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">半径</label>
                    <div class="layui-input-block">
                        <input type="number" name="radius" lay-verify="title" autocomplete="off" placeholder="0"
                            onkeyup="value=value.replace(/[^\d\.]/g,'')" class="layui-input">
                    </div>
                </div>
                <div class="layui-form-item topRadius">
                    <label class="layui-form-label">顶部半径</label>
                    <div class="layui-input-block">
                        <input type="number" name="topRadius" lay-verify="title" autocomplete="off" placeholder="0"
                            onkeyup="value=value.replace(/[^\d\.]/g,'')" class="layui-input">
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">高</label>
                    <div class="layui-input-block">
                        <input type="number" name="height" lay-verify="title" autocomplete="off" placeholder="0"
                            onkeyup="value=value.replace(/[^\d\.]/g,'')" class="layui-input">
                    </div>
                </div>
                <div class="layui-form-item color">
                    <label class="layui-form-label">填充色</label>
                    <div class="layui-input-block">
                        <div id="colorchk-cylinder-fill" style="display: inline-block;margin-top: 2px;"></div>
                    </div>
                </div>
                <div class="layui-form-item" style="position:relative">
                    <label class="layui-form-label">填充透明度</label>
                    <div class="layui-input-block" style="position: absolute;top: 16px">
                        <div id="opacity-cylinder-fill" class="demo-slider"></div>
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">是否显示边框</label>
                    <div class="layui-input-block">
                        <input type="checkbox" lay-skin="switch" id="showCylinderOutline"
                            lay-filter="showCylinderOutline" title="开关">
                    </div>
                </div>
                <div class="layui-form-item outline color">
                    <label class="layui-form-label">边框色</label>
                    <div class="layui-input-block">
                        <div id="colorchk-cylinder-outline" style="display: inline-block;margin-top: 2px;"></div>
                    </div>
                </div>
                <div class="layui-form-item outline" style="position:relative;">
                    <label class="layui-form-label">边框透明度</label>
                    <div class="layui-input-block" style="position: absolute;top: 16px">
                        <div id="opacity-cylinder-outline" class="demo-slider"></div>
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">最小可视距离</label>
                    <div class="layui-input-block">
                        <input type="number" name="minViewDistance" lay-verify="title" autocomplete="off"
                            placeholder="0" onkeyup="value=value.replace(/[^\d\.]/g,'')" class="layui-input">
                    </div>
                </div>
                <div class="layui-form-item" style="border: 1px #fff solid">
                    <label class="layui-form-label">最大可视距离</label>
                    <div class="layui-input-block">
                        <input type="number" name="maxViewDistance" lay-verify="title" autocomplete="off"
                            placeholder="0" onkeyup="value=value.replace(/[^\d\.]/g,'')" class="layui-input">
                    </div>
                </div>
            </form>
        </div>
        <!--球体-->
        <div class="props ellipsoid" style="display: none">
            <form class="layui-form" action="">
                <div class="layui-form-item">
                    <label class="layui-form-label">类型</label>
                    <div class="layui-input-block" style="line-height: 38px;">
                        球体
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">名称</label>
                    <div class="layui-input-block">
                        <input type="text" name="name" lay-verify="title" autocomplete="off" placeholder="0" value=""
                            class="layui-input">
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">半径</label>
                    <div class="layui-input-block">
                        <input type="number" name="radius" lay-verify="title" autocomplete="off" placeholder="0"
                            onkeyup="value=value.replace(/[^\d\.]/g,'')" class="layui-input">
                    </div>
                </div>
                <div class="layui-form-item color">
                    <label class="layui-form-label">填充色</label>
                    <div class="layui-input-block">
                        <div id="colorchk-ellipsoid-fill" style="display: inline-block;margin-top: 2px;"></div>
                    </div>
                </div>
                <div class="layui-form-item" style="position:relative">
                    <label class="layui-form-label">填充透明度</label>
                    <div class="layui-input-block" style="position: absolute;top: 16px">
                        <div id="opacity-ellipsoid-fill" class="demo-slider"></div>
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">是否显示边框</label>
                    <div class="layui-input-block">
                        <input type="checkbox" lay-skin="switch" id="showEllipsoidOutline"
                            lay-filter="showEllipsoidOutline" title="开关">
                    </div>
                </div>
                <div class="layui-form-item outline color">
                    <label class="layui-form-label">边框色</label>
                    <div class="layui-input-block">
                        <div id="colorchk-ellipsoid-outline" style="display: inline-block;margin-top: 2px;"></div>
                    <!--立方体-->
                    <div class="props box" style="display: none">
                        <form class="layui-form" action="">
                            <div class="layui-form-item">
                                <label class="layui-form-label">类型</label>
                                <div class="layui-input-block" style="line-height: 38px;">
                                    立方体
                                </div>
                            </div>
                            <div class="layui-form-item">
                                <label class="layui-form-label">名称</label>
                                <div class="layui-input-block">
                                    <input type="text" name="name" lay-verify="title" autocomplete="off" placeholder="0"
                                        value="" class="layui-input">
                                </div>
                            </div>
                            <div class="layui-form-item">
                                <label class="layui-form-label">长</label>
                                <div class="layui-input-block">
                                    <input type="number" name="long" lay-verify="title" autocomplete="off"
                                        placeholder="0" onkeyup="value=value.replace(/[^\d\.]/g,'')"
                                        class="layui-input">
                                </div>
                            </div>
                            <div class="layui-form-item">
                                <label class="layui-form-label">宽</label>
                                <div class="layui-input-block">
                                    <input type="number" name="width" lay-verify="title" autocomplete="off"
                                        placeholder="0" onkeyup="value=value.replace(/[^\d\.]/g,'')"
                                        class="layui-input">
                                </div>
                            </div>
                            <div class="layui-form-item">
                                <label class="layui-form-label">高</label>
                                <div class="layui-input-block">
                                    <input type="number" name="height" lay-verify="title" autocomplete="off"
                                        placeholder="0" onkeyup="value=value.replace(/[^\d\.]/g,'')"
                                        class="layui-input">
                                </div>
                            </div>
                            <div class="layui-form-item color">
                                <label class="layui-form-label">填充色</label>
                                <div class="layui-input-block">
                                    <div id="colorchk-box-fill" style="display: inline-block;margin-top: 2px;"></div>
                                </div>
                            </div>
                            <div class="layui-form-item" style="position:relative">
                                <label class="layui-form-label">填充透明度</label>
                                <div class="layui-input-block" style="position: absolute;top: 16px">
                                    <div id="opacity-box-fill" class="demo-slider"></div>
                                </div>
                            </div>
                            <div class="layui-form-item">
                                <label class="layui-form-label">是否显示边框</label>
                                <div class="layui-input-block">
                                    <input type="checkbox" lay-skin="switch" id="showBoxOutline"
                                        lay-filter="showBoxOutline" title="开关">
                                </div>
                            </div>
                            <div class="layui-form-item outline color">
                                <label class="layui-form-label">边框色</label>
                                <div class="layui-input-block">
                                    <div id="colorchk-box-outline" style="display: inline-block;margin-top: 2px;"></div>
                                </div>
                            </div>
                            <div class="layui-form-item outline" style="position:relative;">
                                <label class="layui-form-label">边框透明度</label>
                                <div class="layui-input-block" style="position: absolute;top: 16px">
                                    <div id="opacity-box-outline" class="demo-slider"></div>
                                </div>
                            </div>
                            <div class="layui-form-item">
                                <label class="layui-form-label">最小可视距离</label>
                                <div class="layui-input-block">
                                    <input type="number" name="minViewDistance" lay-verify="title" autocomplete="off"
                                        placeholder="0" onkeyup="value=value.replace(/[^\d\.]/g,'')"
                                        class="layui-input">
                                </div>
                            </div>
                            <div class="layui-form-item" style="border: 1px #fff solid">
                                <label class="layui-form-label">最大可视距离</label>
                                <div class="layui-input-block">
                                    <input type="number" name="maxViewDistance" lay-verify="title" autocomplete="off"
                                        placeholder="0" onkeyup="value=value.replace(/[^\d\.]/g,'')"
                                        class="layui-input">
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
                <div class="layui-form-item outline" style="position:relative;">
                    <label class="layui-form-label">边框透明度</label>
                    <div class="layui-input-block" style="position: absolute;top: 16px">
                        <div id="opacity-ellipsoid-outline" class="demo-slider"></div>
                    <!--圆柱/锥体-->
                    <div class="props cylinder" style="display: none">
                        <form class="layui-form" action="">
                            <div class="layui-form-item">
                                <label class="layui-form-label">类型</label>
                                <div class="layui-input-block cylinderType" style="line-height: 38px;">
                                    圆柱体
                                </div>
                            </div>
                            <div class="layui-form-item">
                                <label class="layui-form-label">名称</label>
                                <div class="layui-input-block">
                                    <input type="text" name="name" lay-verify="title" autocomplete="off" placeholder="0"
                                        value="" class="layui-input">
                                </div>
                            </div>
                            <div class="layui-form-item">
                                <label class="layui-form-label">半径</label>
                                <div class="layui-input-block">
                                    <input type="number" name="radius" lay-verify="title" autocomplete="off"
                                        placeholder="0" onkeyup="value=value.replace(/[^\d\.]/g,'')"
                                        class="layui-input">
                                </div>
                            </div>
                            <div class="layui-form-item topRadius">
                                <label class="layui-form-label">顶部半径</label>
                                <div class="layui-input-block">
                                    <input type="number" name="topRadius" lay-verify="title" autocomplete="off"
                                        placeholder="0" onkeyup="value=value.replace(/[^\d\.]/g,'')"
                                        class="layui-input">
                                </div>
                            </div>
                            <div class="layui-form-item">
                                <label class="layui-form-label">高</label>
                                <div class="layui-input-block">
                                    <input type="number" name="height" lay-verify="title" autocomplete="off"
                                        placeholder="0" onkeyup="value=value.replace(/[^\d\.]/g,'')"
                                        class="layui-input">
                                </div>
                            </div>
                            <div class="layui-form-item color">
                                <label class="layui-form-label">填充色</label>
                                <div class="layui-input-block">
                                    <div id="colorchk-cylinder-fill" style="display: inline-block;margin-top: 2px;">
                                    </div>
                                </div>
                            </div>
                            <div class="layui-form-item" style="position:relative">
                                <label class="layui-form-label">填充透明度</label>
                                <div class="layui-input-block" style="position: absolute;top: 16px">
                                    <div id="opacity-cylinder-fill" class="demo-slider"></div>
                                </div>
                            </div>
                            <div class="layui-form-item">
                                <label class="layui-form-label">是否显示边框</label>
                                <div class="layui-input-block">
                                    <input type="checkbox" lay-skin="switch" id="showCylinderOutline"
                                        lay-filter="showCylinderOutline" title="开关">
                                </div>
                            </div>
                            <div class="layui-form-item outline color">
                                <label class="layui-form-label">边框色</label>
                                <div class="layui-input-block">
                                    <div id="colorchk-cylinder-outline" style="display: inline-block;margin-top: 2px;">
                                    </div>
                                </div>
                            </div>
                            <div class="layui-form-item outline" style="position:relative;">
                                <label class="layui-form-label">边框透明度</label>
                                <div class="layui-input-block" style="position: absolute;top: 16px">
                                    <div id="opacity-cylinder-outline" class="demo-slider"></div>
                                </div>
                            </div>
                            <div class="layui-form-item">
                                <label class="layui-form-label">最小可视距离</label>
                                <div class="layui-input-block">
                                    <input type="number" name="minViewDistance" lay-verify="title" autocomplete="off"
                                        placeholder="0" onkeyup="value=value.replace(/[^\d\.]/g,'')"
                                        class="layui-input">
                                </div>
                            </div>
                            <div class="layui-form-item" style="border: 1px #fff solid">
                                <label class="layui-form-label">最大可视距离</label>
                                <div class="layui-input-block">
                                    <input type="number" name="maxViewDistance" lay-verify="title" autocomplete="off"
                                        placeholder="0" onkeyup="value=value.replace(/[^\d\.]/g,'')"
                                        class="layui-input">
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">最小可视距离</label>
                    <div class="layui-input-block">
                        <input type="number" name="minViewDistance" lay-verify="title" autocomplete="off"
                            placeholder="0" onkeyup="value=value.replace(/[^\d\.]/g,'')" class="layui-input">
                    <!--球体-->
                    <div class="props ellipsoid" style="display: none">
                        <form class="layui-form" action="">
                            <div class="layui-form-item">
                                <label class="layui-form-label">类型</label>
                                <div class="layui-input-block" style="line-height: 38px;">
                                    球体
                                </div>
                            </div>
                            <div class="layui-form-item">
                                <label class="layui-form-label">名称</label>
                                <div class="layui-input-block">
                                    <input type="text" name="name" lay-verify="title" autocomplete="off" placeholder="0"
                                        value="" class="layui-input">
                                </div>
                            </div>
                            <div class="layui-form-item">
                                <label class="layui-form-label">半径</label>
                                <div class="layui-input-block">
                                    <input type="number" name="radius" lay-verify="title" autocomplete="off"
                                        placeholder="0" onkeyup="value=value.replace(/[^\d\.]/g,'')"
                                        class="layui-input">
                                </div>
                            </div>
                            <div class="layui-form-item color">
                                <label class="layui-form-label">填充色</label>
                                <div class="layui-input-block">
                                    <div id="colorchk-ellipsoid-fill" style="display: inline-block;margin-top: 2px;">
                                    </div>
                                </div>
                            </div>
                            <div class="layui-form-item" style="position:relative">
                                <label class="layui-form-label">填充透明度</label>
                                <div class="layui-input-block" style="position: absolute;top: 16px">
                                    <div id="opacity-ellipsoid-fill" class="demo-slider"></div>
                                </div>
                            </div>
                            <div class="layui-form-item">
                                <label class="layui-form-label">是否显示边框</label>
                                <div class="layui-input-block">
                                    <input type="checkbox" lay-skin="switch" id="showEllipsoidOutline"
                                        lay-filter="showEllipsoidOutline" title="开关">
                                </div>
                            </div>
                            <div class="layui-form-item outline color">
                                <label class="layui-form-label">边框色</label>
                                <div class="layui-input-block">
                                    <div id="colorchk-ellipsoid-outline" style="display: inline-block;margin-top: 2px;">
                                    </div>
                                </div>
                            </div>
                            <div class="layui-form-item outline" style="position:relative;">
                                <label class="layui-form-label">边框透明度</label>
                                <div class="layui-input-block" style="position: absolute;top: 16px">
                                    <div id="opacity-ellipsoid-outline" class="demo-slider"></div>
                                </div>
                            </div>
                            <div class="layui-form-item">
                                <label class="layui-form-label">最小可视距离</label>
                                <div class="layui-input-block">
                                    <input type="number" name="minViewDistance" lay-verify="title" autocomplete="off"
                                        placeholder="0" onkeyup="value=value.replace(/[^\d\.]/g,'')"
                                        class="layui-input">
                                </div>
                            </div>
                            <div class="layui-form-item" style="border: 1px #fff solid">
                                <label class="layui-form-label">最大可视距离</label>
                                <div class="layui-input-block">
                                    <input type="number" name="maxViewDistance" lay-verify="title" autocomplete="off"
                                        placeholder="0" onkeyup="value=value.replace(/[^\d\.]/g,'')"
                                        class="layui-input">
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
                <div class="layui-form-item" style="border: 1px #fff solid">
                    <label class="layui-form-label">最大可视距离</label>
                    <div class="layui-input-block">
                        <input type="number" name="maxViewDistance" lay-verify="title" autocomplete="off"
                            placeholder="0" onkeyup="value=value.replace(/[^\d\.]/g,'')" class="layui-input">
                    </div>
                <div class="layui-tab-item">
                    <table id="propData" lay-filter="propData"></table>
                </div>
            </form>
            </div>
        </div>
    </div>
    <script type="text/html" id="toolbarDemo">
        <div class="layui-btn-container">
          <button class="layui-btn layui-btn-sm" lay-event="add">新增</button>
          <button class="layui-btn layui-btn-sm" lay-event="remove">删除</button>
        </div>
      </script>
    <script src="../layui/layui.js"></script>
    <script>
        var Viewer = parent.Viewer;
        var Viewer = parent.sgworld._Viewer;
        var Cesium = parent.Cesium;
        var PopupData = parent.SmartEarthPopupData;
        var type = PopupData.propType;
        var editGraphic = PopupData.editGraphic;
        !editGraphic && (editGraphic = {});
        layui.use(['element', 'form', 'slider', 'colorpicker'], function () {
        layui.use(['element', 'form', 'slider', 'colorpicker', 'table'], function () {
            window.$ = layui.jquery;
            window.element = layui.element; //Tab的切换功能,切换事件监听等,需要依赖element模块
            window.table = layui.table;
            window.form = layui.form;
            window.slider = layui.slider;
            window.colorpicker = layui.colorpicker;
@@ -1216,6 +1492,12 @@
            $('#Attribute').find("." + type).show();
            $('.props input[name="name"]').val(editGraphic.getValue('name'));
            $('.props input[name="name"]').on('input propertychange', function (event) {
                let value = $(this).val();
                if (editGraphic.setValue) {
                    editGraphic.setValue('name', value);
                }
            })
            let distanceDisplayCondition = editGraphic.getValue('distanceDisplayCondition');
            $('.props input[name="minViewDistance"]').val(distanceDisplayCondition.near);
@@ -1236,6 +1518,123 @@
                }
            });
            let scaleByDistance = editGraphic.getValue('scaleByDistance') || new Cesium.NearFarScalar(0, 1, distanceDisplayCondition.far, 0);
            $('.props input[name="scaleByDistanceFar"]').val(scaleByDistance.far);
            $('.props input[name="scaleByDistanceFar"]').on('input propertychange', function (event) {
                var value = $(this).val();
                scaleByDistance.far = value;
                if (editGraphic.setValue) {
                    editGraphic.setValue('scaleByDistance', scaleByDistance);
                    editGraphic.labelGraphic && editGraphic.setValue('label_scaleByDistance', scaleByDistance);
                }
            });
            //随地图缩放
            form.on('switch(isScaleByDistance)', function (data) {
                var isShow = this.checked;
                if (isShow) {
                    editGraphic.setValue('scaleByDistance', scaleByDistance);
                    editGraphic.labelGraphic && editGraphic.setValue('label_scaleByDistance', scaleByDistance);
                } else {
                    editGraphic.setValue('scaleByDistance', undefined);
                    editGraphic.labelGraphic && editGraphic.setValue('label_scaleByDistance', undefined);
                }
                isShow ? $(".scaleByDistance").show() : $(".scaleByDistance").hide();
            });
            if (editGraphic.getValue('scaleByDistance')) {
                $('.isScaleByDistance').next().click();
                $('.isScaleByDistance').attr('value', 'on')
            }
            if (editGraphic.labelGraphic) {
                let distanceDisplayCondition = editGraphic.getValue('label_distanceDisplayCondition');
                $('.props input[name="label_minViewDistance"]').val(distanceDisplayCondition.near);
                $('.props input[name="label_minViewDistance"]').on('input propertychange', function (event) {
                    var value = $(this).val();
                    distanceDisplayCondition.near = value;
                    if (editGraphic.setValue) {
                        editGraphic.setValue('label_distanceDisplayCondition', distanceDisplayCondition);
                    }
                });
                $('.props input[name="label_maxViewDistance"]').val(distanceDisplayCondition.far);
                $('.props input[name="label_maxViewDistance"]').on('input propertychange', function (event) {
                    var value = $(this).val();
                    distanceDisplayCondition.far = value;
                    if (editGraphic.setValue) {
                        editGraphic.setValue('label_distanceDisplayCondition', distanceDisplayCondition);
                    }
                });
            }
            let data = editGraphic.entity.properties;
            !data && (data = new Cesium.PropertyBag())
            let tabelData = [];
            for (let i = 0; i < data.propertyNames.length; i++) {
                let key = data.propertyNames[i];
                tabelData.push({
                    key,
                    value: data[key]
                })
            }
            if (!tabelData.length) {
                tabelData.push({
                    key: 'name',
                    value: editGraphic.entity.name
                })
            }
            table.render({
                elem: '#propData',
                toolbar: '#toolbarDemo',
                defaultToolbar: [],
                editTrigger: 'dblclick', // 触发编辑的事件类型(默认 click )。 v2.7.0 新增,之前版本固定为单击触发
                cols: [[ //标题栏
                    { type: 'checkbox', fixed: 'left' },
                    { field: 'key', title: '属性', width: 116, sort: true, edit: 'text' }
                    , { field: 'value', title: '属性值', width: 151, edit: 'text' }
                ]]
                , data: tabelData
            })
            // 单元格编辑后的事件
            table.on('edit(propData)', function (obj) {
                tabelData = table.cache.propData;
                editGraphic.entity.propData = tabelData;
            });
            //头工具栏事件
            table.on('toolbar(propData)', function (obj) {
                let checkStatus = table.checkStatus(obj.config.id); //获取选中行状态
                let data = checkStatus.data;
                let checked = [];
                data.forEach(item => {
                    checked.push(item.key);
                })
                switch (obj.event) {
                    case 'add':
                        tabelData.push({
                            key: '',
                            value: ''
                        })
                        break;
                    case 'remove':
                        for (let i = 0; i < tabelData.length; i++) {
                            if (checked.includes(tabelData[i].key)) {
                                tabelData.splice(i, 1);
                                i--;
                            }
                        }
                        break;
                };
                table.reload('propData', {
                    data: tabelData
                })
                editGraphic.entity.propData = tabelData;
            });
            switch (type) {
                case 'point':
                    $('.point input[name="size"]').val(editGraphic.getValue('pixelSize'));
@@ -1248,6 +1647,11 @@
                    $('.billboard input[name="rotation"]').val(editGraphic.getValue('rotation'));
                    $('.billboard input[name="width"]').val(editGraphic.getValue('width'));
                    $('.billboard input[name="height"]').val(editGraphic.getValue('height'));
                    $('.billboard input[name="label_scale"]').val(editGraphic.getValue('label_scale'));
                    $('.billboard input[name="label_text"]').val(editGraphic.getValue('label_text'));
                    $('.billboard input[name="label_font"]').val(editGraphic.getValue('label_font'));
                    $('.billboard input[name="label_outlineWidth"]').val(editGraphic.getValue('label_outlineWidth'));
                    billboardProp();
                    break;
                case 'label':
@@ -1268,6 +1672,7 @@
                    modelProp();
                    break;
                case 'polyline':
                    $('.polyline input[name="outlineWidth"]').val(editGraphic.getValue('material').outlineWidth);
                    polylineProp();
                    $('.polyline input[name="width"]').val(editGraphic.getValue('width'));
                    $('.polyline input[name="outlineWidth"]').val(editGraphic.getValue('material').outlineWidth);
@@ -1503,13 +1908,184 @@
                var isShow = this.checked;
                if (isShow) {
                    editGraphic.setValue('disableDepthTestDistance', Number.POSITIVE_INFINITY);
                    editGraphic.setValue('label_disableDepthTestDistance', Number.POSITIVE_INFINITY);
                } else {
                    editGraphic.setValue('disableDepthTestDistance', undefined);
                    editGraphic.setValue('label_disableDepthTestDistance', undefined);
                }
            });
            if (editGraphic.getValue('disableDepthTestDistance') === Number.POSITIVE_INFINITY) {
                $('#isBillboardDisableDepthTest').next().click();
                $('#isBillboardDisableDepthTest').attr('value', 'on')
            }
            //显示注记
            form.on('switch(showLabel)', function (data) {
                var isShow = this.checked;
                editGraphic.setValue('showLabel', isShow);
                isShow ? $(".billboardLabel").show() : $(".billboardLabel").hide()
            });
            if (editGraphic.getValue('label_show')) {
                $('#showLabel').next().click();
                $('#showLabel').attr('value', 'on')
            }
            //字体
            $('.billboard input[name="label_font"]').on('blur', function (event) {
                var value = $(this).val();
                if (value === '') return;
                if (editGraphic.setValue) {
                    editGraphic.setValue('label_font', value);
                }
            });
            //内容
            $('.billboard input[name="label_text"]').on('input propertychange', function (event) {
                var value = $(this).val();
                if (editGraphic.setValue) {
                    editGraphic.setValue('label_text', value);
                }
            });
            //比例
            $('.billboard input[name="label_scale"]').on('input propertychange', function (event) {
                var value = $(this).val().replace(/[^\d\.]/g, '');
                if (value === '' || value === '.') return;
                if (editGraphic.setValue) {
                    editGraphic.setValue('label_scale', parseFloat(value));
                }
            });
            //边框宽
            $('.billboard input[name="label_outlineWidth"]').on('input propertychange', function (event) {
                var value = $(this).val().replace(/[^\d\.]/g, '');
                if (value === '' || value === '.') return;
                if (editGraphic.setValue) {
                    editGraphic.setValue('label_outlineWidth', parseFloat(value));
                }
            });
            let label_horizontalOrigin = editGraphic.getValue('label_horizontalOrigin');
            $(`.billboard .label_horizontalOrigin option[value="${label_horizontalOrigin}"]`).attr('selected', true);
            //水平对齐
            form.on('select(label_horizontalOrigin)', function (data) {
                var value = parseInt(data.value);
                if (editGraphic.setValue) {
                    editGraphic.setValue('label_horizontalOrigin', value);
                }
            });
            let label_verticalOrigin = editGraphic.getValue('label_verticalOrigin');
            $(`.billboard .label_verticalOrigin option[value="${label_verticalOrigin}"]`).attr('selected', true);
            form.render('select');
            //垂直对齐
            form.on('select(label_verticalOrigin)', function (data) {
                var value = parseInt(data.value);
                if (editGraphic.setValue) {
                    editGraphic.setValue('label_verticalOrigin', value);
                }
            });
            //填充色透明度
            slider.render({
                elem: '#opacity-img-label-fill'
                , min: 0 //最小值
                , max: 100 //最大值
                , value: editGraphic.label_alpha
                , change: function (value) {
                    editGraphic.label_alpha = value;
                    editGraphic.setValue('label_alpha', value / 100);
                }
            });
            //边框透明度
            slider.render({
                elem: '#opacity-img-label-outline'
                , min: 0 //最小值
                , max: 100 //最大值
                , value: editGraphic.label_outlineAlpha
                , change: function (value) {
                    editGraphic.label_outlineAlpha = value;
                    editGraphic.setValue('label_outlineAlpha', value / 100);
                }
            });
            //背景透明度
            slider.render({
                elem: '#opacity-img-label-background'
                , min: 0 //最小值
                , max: 100 //最大值
                , value: editGraphic.label_backgroundAlpha
                , change: function (value) {
                    editGraphic.label_backgroundAlpha = value;
                    editGraphic.setValue('label_backgroundAlpha', value / 100);
                }
            });
            //填充色
            colorpicker.render({
                elem: '#colorchk-img-label-fill'
                , color: editGraphic.label_fillColor   //设置默认色
                , done: function (color) {
                    editGraphic.label_fillColor = color;
                    editGraphic.labelGraphic.fillColor.setValue(new Cesium.Color.fromCssColorString(editGraphic.label_fillColor).withAlpha(editGraphic.label_alpha / 100));
                }
            });
            //边框色
            colorpicker.render({
                elem: '#colorchk-img-label-outline'
                , color: editGraphic.label_outlineColor   //设置默认色
                , done: function (color) {
                    editGraphic.label_outlineColor = color;
                    editGraphic.labelGraphic.outlineColor.setValue(new Cesium.Color.fromCssColorString(editGraphic.label_outlineColor).withAlpha(editGraphic.label_outlineAlpha / 100));
                }
            });
            //背景色
            colorpicker.render({
                elem: '#colorchk-img-label-background'
                , color: editGraphic.label_backgroundColor   //设置默认色
                , done: function (color) {
                    editGraphic.label_backgroundColor = color;
                    editGraphic.labelGraphic.backgroundColor.setValue(new Cesium.Color.fromCssColorString(editGraphic.label_backgroundColor).withAlpha(editGraphic.label_backgroundAlpha / 100));
                }
            });
            //是否显示边框
            form.on('switch(showLabelOutline)', function (data) {
                var isShow = this.checked;
                if (isShow) {
                    $('.outline').show();
                    let value = $('.label input[name="label_outlineWidth"]').val();
                    value = parseFloat(value);
                    value == 0 && (value = 1, $('.label input[name="label_outlineWidth"]').val(1));
                    editGraphic.setValue('label_outlineWidth', value);
                } else {
                    $('.outline').hide();
                    editGraphic.setValue('label_outlineWidth', 0);
                }
            });
            if (editGraphic.getValue('label_outlineWidth') != 0) {
                $('#showLabelOutline').next().click();
                $('#showLabelOutline').attr('value', 'on')
            }
            //是否显示背景
            form.on('switch(showLabelBackground)', function (data) {
                var isShow = this.checked;
                if (isShow) {
                    $('.background').show();
                } else {
                    $('.background').hide();
                }
                editGraphic.setValue('label_showBackground', isShow);
            });
            if (editGraphic.getValue('label_showBackground')) {
                $('#showLabelBackground').next().click();
                $('#showLabelBackground').attr('value', 'on')
            }
        }
@@ -1527,6 +2103,7 @@
            //内容
            $('.label input[name="text"]').on('input propertychange', function (event) {
                var value = $(this).val();
                while (value.indexOf("\\n") >= 0) { value = value.replace("\\n", "\n"); }
                if (editGraphic.setValue) {
                    editGraphic.setValue('text', value);
                }
@@ -1947,6 +2524,11 @@
            //是否贴地
            form.on('switch(showClampToGround)', function (data) {
                editGraphic.setValue('clampToGround', this.checked);
                if (!this.checked) {
                    $('.showBoundary').show();
                } else {
                    $('.showBoundary').hide();
                }
            });
            if (editGraphic.getValue('heightReference') === Cesium.HeightReference.CLAMP_TO_GROUND) {
                $('#showClampToGround_Polygon').next().click();
@@ -2041,6 +2623,11 @@
                    return;
                }
                editGraphic.setValue('clampToGround', this.checked);
                if (!this.checked) {
                    $('.showBoundary').show();
                } else {
                    $('.showBoundary').hide();
                }
                editGraphic.getValue('height') && $('.rectangle input[name="height"]').val(editGraphic.getValue('height'))
                this.checked ? $('.rectangle .height').hide() : $('.rectangle .height').show();
            });
@@ -2139,6 +2726,11 @@
                    return;
                }
                editGraphic.setValue('clampToGround', this.checked);
                if (!this.checked) {
                    $('.showBoundary').show();
                } else {
                    $('.showBoundary').hide();
                }
                editGraphic.getValue('height') && $('.ellipse input[name="height"]').val(editGraphic.getValue('height'))
                this.checked ? $('.ellipse .height').hide() : $('.ellipse .height').show();
            });
@@ -2546,9 +3138,20 @@
                return _this;
            }
        }
        // 页面加载时滚动归0
        window.addEventListener("load", function (event) {
            sessionStorage.setItem('scrollTop', 0)
        });
        // 获取页面滚动高度
        window.addEventListener('scroll', function () {
            var p = document.documentElement.scrollTop
            sessionStorage.setItem('scrollTop', p)
        })
    </script>
</body>
</html>
</html>