| | |
| | | position: relative; |
| | | } |
| | | |
| | | .scaleByDistance, |
| | | .billboardLabel, |
| | | .outline, |
| | | .background, |
| | | .topRadius { |
| | |
| | | .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; |
| | |
| | | $('#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); |
| | |
| | | } |
| | | }); |
| | | |
| | | 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')); |
| | |
| | | $('.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': |
| | |
| | | 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); |
| | |
| | | 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') |
| | | } |
| | | } |
| | | |
| | |
| | | //内容 |
| | | $('.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); |
| | | } |
| | |
| | | //是否贴地 |
| | | 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(); |
| | |
| | | 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(); |
| | | }); |
| | |
| | | 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(); |
| | | }); |
| | |
| | | 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> |