From 167b91eaa134aaaa3d3789600f437d14a7a20180 Mon Sep 17 00:00:00 2001
From: lixuliang <lixuliang_hd@126.com>
Date: 星期五, 20 十月 2023 11:09:01 +0800
Subject: [PATCH] static更新
---
static/CimSDK/Workers/prop/jdtx_prop.html | 2731 ++++++++++++++++++++++++++++++++++++-----------------------
1 files changed, 1,667 insertions(+), 1,064 deletions(-)
diff --git a/static/CimSDK/Workers/prop/jdtx_prop.html b/static/CimSDK/Workers/prop/jdtx_prop.html
index df2e1e0..5831092 100644
--- a/static/CimSDK/Workers/prop/jdtx_prop.html
+++ b/static/CimSDK/Workers/prop/jdtx_prop.html
@@ -95,6 +95,8 @@
position: relative;
}
+ .scaleByDistance,
+ .billboardLabel,
.outline,
.background,
.topRadius {
@@ -104,1100 +106,1374 @@
.color {
height: 42px;
}
+
+ .layui-anim {
+ color: black;
+ }
</style>
</head>
<body>
<div id="Attribute" style="margin:0 10px;">
- <div class="attrTitle">
- <legend>鏍峰紡淇℃伅</legend>
- <!-- <button type="button" class="layui-btn layui-btn-danger removeGraphic" onclick="removeGraphic()">绉婚櫎</button> -->
- </div>
- <!--鍩烘湰鐐�-->
- <div class="props point" style="display: none">
- <form class="layui-form" action="">
- <div class="layui-form-item">
- <label class="layui-form-label">绫诲瀷</label>
- <div class="layui-input-block" style="line-height: 38px;">
- 鍩烘湰鐐�
+ <div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief">
+ <ul class="layui-tab-title">
+ <li class="layui-this">鏍峰紡淇℃伅</li>
+ <!-- <li>灞炴�т俊鎭�</li> -->
+ </ul>
+ <div class="layui-tab-content">
+ <div class="layui-tab-item layui-show">
+ <!--鍩烘湰鐐�-->
+ <div class="props point" style="display: none">
+ <form class="layui-form" action="">
+ <div class="layui-form-item">
+ <label class="layui-form-label">绫诲瀷</label>
+ <div class="layui-input-block" style="line-height: 38px;">
+ 鍩烘湰鐐�
+ </div>
+ </div>
+ <div class="layui-form-item">
+ <label class="layui-form-label">鍚嶇О</label>
+ <div class="layui-input-block">
+ <input type="text" name="name" lay-verify="title" autocomplete="off" placeholder="0"
+ value="" class="layui-input">
+ </div>
+ </div>
+ <div class="layui-form-item">
+ <label class="layui-form-label">澶у皬</label>
+ <div class="layui-input-block">
+ <input type="number" name="size" lay-verify="title" autocomplete="off"
+ placeholder="0" onkeyup="value=value.replace(/[^\d\.]/g,'')"
+ class="layui-input">
+ </div>
+ </div>
+ <div class="layui-form-item">
+ <label class="layui-form-label">鏄惁涓嶈閬尅</label>
+ <div class="layui-input-block">
+ <input type="checkbox" lay-skin="switch" id="isPointDisableDepthTest"
+ lay-filter="isPointDisableDepthTest" title="寮�鍏�">
+ </div>
+ </div>
+ <div class="layui-form-item">
+ <label class="layui-form-label">闅忓湴鍥剧缉鏀�</label>
+ <div class="layui-input-block">
+ <input type="checkbox" lay-skin="switch" class="isScaleByDistance"
+ lay-filter="isScaleByDistance" title="寮�鍏�">
+ </div>
+ </div>
+ <div class="layui-form-item scaleByDistance">
+ <label class="layui-form-label">鏈�杩滅缉鏀捐窛绂�</label>
+ <div class="layui-input-block">
+ <input type="number" name="scaleByDistanceFar" lay-verify="title" autocomplete="off"
+ placeholder="0" onkeyup="value=value.replace(/[^\d\.]/g,'')"
+ class="layui-input">
+ </div>
+ </div>
+ <div class="layui-form-item color">
+ <label class="layui-form-label">濉厖鑹�</label>
+ <div class="layui-input-block">
+ <div id="colorchk-point-fill" style="display: inline-block;margin-top: 2px;"></div>
+ </div>
+ </div>
+ <div class="layui-form-item" style="position:relative;">
+ <label class="layui-form-label">濉厖閫忔槑搴�</label>
+ <div class="layui-input-block" style="position: absolute;top: 16px">
+ <div id="opacity-point-fill" class="demo-slider"></div>
+ </div>
+ </div>
+ <div class="layui-form-item">
+ <label class="layui-form-label">鏄惁鏄剧ず杈规</label>
+ <div class="layui-input-block">
+ <input type="checkbox" lay-skin="switch" id="showPointOutline"
+ lay-filter="showPointOutline" title="寮�鍏�">
+ </div>
+ </div>
+ <div class="layui-form-item outline">
+ <label class="layui-form-label">杈规澶у皬</label>
+ <div class="layui-input-block">
+ <input type="number" name="outlineWidth" lay-verify="title" autocomplete="off"
+ placeholder="0" onkeyup="value=value.replace(/[^\d\.]/g,'')"
+ class="layui-input">
+ </div>
+ </div>
+ <div class="layui-form-item outline color">
+ <label class="layui-form-label">杈规鑹�</label>
+ <div class="layui-input-block">
+ <div id="colorchk-point-outline" style="display: inline-block;margin-top: 2px;">
+ </div>
+ </div>
+ </div>
+ <div class="layui-form-item outline" style="position:relative;">
+ <label class="layui-form-label">杈规閫忔槑搴�</label>
+ <div class="layui-input-block" style="position: absolute;top: 16px">
+ <div id="opacity-point-outline" class="demo-slider"></div>
+ </div>
+ </div>
+ <div class="layui-form-item">
+ <label class="layui-form-label">鏈�灏忓彲瑙嗚窛绂�</label>
+ <div class="layui-input-block">
+ <input type="number" name="minViewDistance" lay-verify="title" autocomplete="off"
+ placeholder="0" onkeyup="value=value.replace(/[^\d\.]/g,'')"
+ class="layui-input">
+ </div>
+ </div>
+ <div class="layui-form-item" style="border: 1px #fff solid">
+ <label class="layui-form-label">鏈�澶у彲瑙嗚窛绂�</label>
+ <div class="layui-input-block">
+ <input type="number" name="maxViewDistance" lay-verify="title" autocomplete="off"
+ placeholder="0" onkeyup="value=value.replace(/[^\d\.]/g,'')"
+ class="layui-input">
+ </div>
+ </div>
+ </form>
</div>
- </div>
- <div class="layui-form-item">
- <label class="layui-form-label">鍚嶇О</label>
- <div class="layui-input-block">
- <input type="text" name="name" lay-verify="title" autocomplete="off" placeholder="0" value=""
- class="layui-input">
+ <!--鍥剧墖鐐�-->
+ <div class="props billboard" style="display: none">
+ <form class="layui-form" action="">
+ <div class="layui-form-item">
+ <label class="layui-form-label">绫诲瀷</label>
+ <div class="layui-input-block" style="line-height: 38px;">
+ 鍥剧墖鐐�
+ </div>
+ </div>
+ <div class="layui-form-item">
+ <label class="layui-form-label">鍚嶇О</label>
+ <div class="layui-input-block">
+ <input type="text" name="name" lay-verify="title" autocomplete="off" placeholder="0"
+ value="" class="layui-input">
+ </div>
+ </div>
+ <div class="layui-form-item">
+ <label class="layui-form-label">鍥剧墖閾炬帴</label>
+ <div class="layui-input-block">
+ <input type="text" name="image" lay-verify="title" autocomplete="off"
+ placeholder="0" class="layui-input">
+ </div>
+ </div>
+ <div class="layui-form-item">
+ <label class="layui-form-label">姣斾緥澶у皬</label>
+ <div class="layui-input-block">
+ <input type="number" name="scale" lay-verify="title" autocomplete="off"
+ placeholder="0" onkeyup="value=value.replace(/[^\d\.]/g,'')"
+ class="layui-input">
+ </div>
+ </div>
+ <div class="layui-form-item">
+ <label class="layui-form-label">姘村钩瀵归綈</label>
+ <div class="layui-input-block">
+ <select name="horizontalOrigin" class="horizontalOrigin"
+ lay-filter="horizontalOrigin">
+ <option value="0">灞呬腑</option>
+ <option value="1">宸﹀榻�</option>
+ <option value="-1">鍙冲榻�</option>
+ </select>
+ </div>
+ </div>
+ <div class="layui-form-item">
+ <label class="layui-form-label">鍨傜洿瀵归綈</label>
+ <div class="layui-input-block">
+ <select name="verticalOrigin" class="verticalOrigin" lay-filter="verticalOrigin">
+ <option value="0">灞呬腑</option>
+ <option value="-1">涓婂榻�</option>
+ <option value="1">涓嬪榻�</option>
+ <option value="2">鍩虹嚎瀵归綈</option>
+ </select>
+ </div>
+ </div>
+ <div class="layui-form-item">
+ <label class="layui-form-label">鏃嬭浆瑙掑害</label>
+ <div class="layui-input-block">
+ <input type="number" name="rotation" lay-verify="title" autocomplete="off"
+ placeholder="0" onkeyup="value=value.replace(/[^\d\.\-]/g,'')"
+ class="layui-input">
+ </div>
+ </div>
+ <div class="layui-form-item">
+ <label class="layui-form-label">瀹�</label>
+ <div class="layui-input-block">
+ <input type="number" name="width" lay-verify="title" autocomplete="off"
+ placeholder="0" onkeyup="value=value.replace(/[^\d\.]/g,'')"
+ class="layui-input">
+ </div>
+ </div>
+ <div class="layui-form-item">
+ <label class="layui-form-label">楂�</label>
+ <div class="layui-input-block">
+ <input type="number" name="height" lay-verify="title" autocomplete="off"
+ placeholder="0" onkeyup="value=value.replace(/[^\d\.]/g,'')"
+ class="layui-input">
+ </div>
+ </div>
+ <div class="layui-form-item">
+ <label class="layui-form-label">鏄剧ず娉ㄨ</label>
+ <div class="layui-input-block">
+ <input type="checkbox" lay-skin="switch" id="showLabel" lay-filter="showLabel"
+ title="寮�鍏�">
+ </div>
+ </div>
+ <div class="billboardLabel">
+ <div class="layui-form-item">
+ <label class="layui-form-label">鏂囨湰鍐呭</label>
+ <div class="layui-input-block">
+ <input type="text" name="label_text" lay-verify="title" autocomplete="off"
+ placeholder="0" class="layui-input">
+ </div>
+ </div>
+ <div class="layui-form-item">
+ <label class="layui-form-label">鏂囨湰瀛椾綋</label>
+ <div class="layui-input-block">
+ <input type="text" name="label_font" lay-verify="title" autocomplete="off"
+ placeholder="0" class="layui-input">
+ </div>
+ </div>
+ <div class="layui-form-item">
+ <label class="layui-form-label">鏂囨湰姘村钩瀵归綈</label>
+ <div class="layui-input-block">
+ <select name="label_horizontalOrigin" class="label_horizontalOrigin"
+ lay-filter="label_horizontalOrigin">
+ <option value="0">灞呬腑</option>
+ <option value="1">宸﹀榻�</option>
+ <option value="-1">鍙冲榻�</option>
+ </select>
+ </div>
+ </div>
+ <div class="layui-form-item">
+ <label class="layui-form-label">鏂囨湰鍨傜洿瀵归綈</label>
+ <div class="layui-input-block">
+ <select name="label_verticalOrigin" class="label_verticalOrigin"
+ lay-filter="label_verticalOrigin">
+ <option value="0">灞呬腑</option>
+ <option value="-1">涓婂榻�</option>
+ <option value="1">涓嬪榻�</option>
+ <option value="2">鍩虹嚎瀵归綈</option>
+ </select>
+ </div>
+ </div>
+ <div class="layui-form-item">
+ <label class="layui-form-label">鏂囨湰姣斾緥澶у皬</label>
+ <div class="layui-input-block">
+ <input type="number" name="label_scale" lay-verify="title" autocomplete="off"
+ placeholder="0" onkeyup="value=value.replace(/[^\d\.]/g,'')"
+ class="layui-input">
+ </div>
+ </div>
+ <div class="layui-form-item color">
+ <label class="layui-form-label">鏂囨湰濉厖鑹�</label>
+ <div class="layui-input-block">
+ <div id="colorchk-img-label-fill"
+ style="display: inline-block;margin-top: 2px;">
+ </div>
+ </div>
+ </div>
+ <div class="layui-form-item" style="position:relative;">
+ <label class="layui-form-label">鏂囨湰濉厖閫忔槑搴�</label>
+ <div class="layui-input-block" style="position: absolute;top: 16px">
+ <div id="opacity-img-label-fill" class="demo-slider"></div>
+ </div>
+ </div>
+ <div class="layui-form-item">
+ <label class="layui-form-label">鏄剧ず鏂囨湰杈规</label>
+ <div class="layui-input-block">
+ <input type="checkbox" lay-skin="switch" id="showLabelOutline"
+ lay-filter="showLabelOutline" title="寮�鍏�">
+ </div>
+ </div>
+ <div class="layui-form-item outline">
+ <label class="layui-form-label">鏂囨湰杈规澶у皬</label>
+ <div class="layui-input-block">
+ <input type="number" name="label_outlineWidth" lay-verify="title"
+ autocomplete="off" placeholder="0"
+ onkeyup="value=value.replace(/[^\d\.]/g,'')" class="layui-input">
+ </div>
+ </div>
+ <div class="layui-form-item outline color">
+ <label class="layui-form-label">鏂囨湰杈规鑹�</label>
+ <div class="layui-input-block">
+ <div id="colorchk-img-label-outline"
+ style="display: inline-block;margin-top: 2px;">
+ </div>
+ </div>
+ </div>
+ <div class="layui-form-item outline" style="position:relative;">
+ <label class="layui-form-label">鏂囨湰杈规閫忔槑搴�</label>
+ <div class="layui-input-block" style="position: absolute;top: 16px">
+ <div id="opacity-img-label-outline" class="demo-slider"></div>
+ </div>
+ </div>
+ <div class="layui-form-item">
+ <label class="layui-form-label">鏄剧ず鏂囨湰鑳屾櫙</label>
+ <div class="layui-input-block">
+ <input type="checkbox" lay-skin="switch" id="showLabelBackground"
+ lay-filter="showLabelBackground" title="寮�鍏�">
+ </div>
+ </div>
+ <div class="layui-form-item background color">
+ <label class="layui-form-label">鏂囨湰鑳屾櫙鑹�</label>
+ <div class="layui-input-block">
+ <div id="colorchk-img-label-background"
+ style="display: inline-block;margin-top: 2px;">
+ </div>
+ </div>
+ </div>
+ <div class="layui-form-item background" style="position:relative;">
+ <label class="layui-form-label">鏂囨湰鑳屾櫙閫忔槑搴�</label>
+ <div class="layui-input-block" style="position: absolute;top: 16px">
+ <div id="opacity-img-label-background" class="demo-slider"></div>
+ </div>
+ </div>
+ <div class="layui-form-item">
+ <label class="layui-form-label">鏂囨湰鏈�灏忓彲瑙�</label>
+ <div class="layui-input-block">
+ <input type="number" name="label_minViewDistance" lay-verify="title"
+ autocomplete="off" placeholder="0"
+ onkeyup="value=value.replace(/[^\d\.]/g,'')" class="layui-input">
+ </div>
+ </div>
+ <div class="layui-form-item" style="border: 1px #fff solid">
+ <label class="layui-form-label">鏂囨湰鏈�澶у彲瑙�</label>
+ <div class="layui-input-block">
+ <input type="number" name="label_maxViewDistance" lay-verify="title"
+ autocomplete="off" placeholder="0"
+ onkeyup="value=value.replace(/[^\d\.]/g,'')" class="layui-input">
+ </div>
+ </div>
+ </div>
+ <div class="layui-form-item">
+ <label class="layui-form-label">鏄惁涓嶈閬尅</label>
+ <div class="layui-input-block">
+ <input type="checkbox" lay-skin="switch" id="isBillboardDisableDepthTest"
+ lay-filter="isBillboardDisableDepthTest" title="寮�鍏�">
+ </div>
+ </div>
+ <div class="layui-form-item">
+ <label class="layui-form-label">闅忓湴鍥剧缉鏀�</label>
+ <div class="layui-input-block">
+ <input type="checkbox" lay-skin="switch" class="isScaleByDistance"
+ lay-filter="isScaleByDistance" title="寮�鍏�">
+ </div>
+ </div>
+ <div class="layui-form-item scaleByDistance">
+ <label class="layui-form-label">鏈�杩滅缉鏀捐窛绂�</label>
+ <div class="layui-input-block">
+ <input type="number" name="scaleByDistanceFar" lay-verify="title" autocomplete="off"
+ placeholder="0" onkeyup="value=value.replace(/[^\d\.]/g,'')"
+ class="layui-input">
+ </div>
+ </div>
+ <div class="layui-form-item color">
+ <label class="layui-form-label">鍥炬爣濉厖鑹�</label>
+ <div class="layui-input-block">
+ <div id="colorchk-billboard-fill" style="display: inline-block;margin-top: 2px;">
+ </div>
+ </div>
+ </div>
+ <div class="layui-form-item" style="position:relative;">
+ <label class="layui-form-label">鍥炬爣濉厖閫忔槑搴�</label>
+ <div class="layui-input-block" style="position: absolute;top: 16px">
+ <div id="opacity-billboard-fill" class="demo-slider"></div>
+ </div>
+ </div>
+ <div class="layui-form-item">
+ <label class="layui-form-label">鍥炬爣鏈�灏忓彲瑙�</label>
+ <div class="layui-input-block">
+ <input type="number" name="minViewDistance" lay-verify="title" autocomplete="off"
+ placeholder="0" onkeyup="value=value.replace(/[^\d\.]/g,'')"
+ class="layui-input">
+ </div>
+ </div>
+ <div class="layui-form-item" style="border: 1px #fff solid">
+ <label class="layui-form-label">鍥炬爣鏈�澶у彲瑙�</label>
+ <div class="layui-input-block">
+ <input type="number" name="maxViewDistance" lay-verify="title" autocomplete="off"
+ placeholder="0" onkeyup="value=value.replace(/[^\d\.]/g,'')"
+ class="layui-input">
+ </div>
+ </div>
+ </form>
</div>
- </div>
- <div class="layui-form-item">
- <label class="layui-form-label">澶у皬</label>
- <div class="layui-input-block">
- <input type="number" name="size" lay-verify="title" autocomplete="off" placeholder="0"
- onkeyup="value=value.replace(/[^\d\.]/g,'')" class="layui-input">
+ <!--鏂囨湰鐐�-->
+ <div class="props label" style="display: none">
+ <form class="layui-form" action="">
+ <div class="layui-form-item">
+ <label class="layui-form-label">绫诲瀷</label>
+ <div class="layui-input-block" style="line-height: 38px;">
+ 鏂囨湰鐐�
+ </div>
+ </div>
+ <div class="layui-form-item">
+ <label class="layui-form-label">鍚嶇О</label>
+ <div class="layui-input-block">
+ <input type="text" name="name" lay-verify="title" autocomplete="off" placeholder="0"
+ value="" class="layui-input">
+ </div>
+ </div>
+ <div class="layui-form-item">
+ <label class="layui-form-label">鍐呭</label>
+ <div class="layui-input-block">
+ <input type="text" name="text" lay-verify="title" autocomplete="off" placeholder="0"
+ class="layui-input">
+ </div>
+ </div>
+ <div class="layui-form-item">
+ <label class="layui-form-label">瀛椾綋</label>
+ <div class="layui-input-block">
+ <input type="text" name="font" lay-verify="title" autocomplete="off" placeholder="0"
+ class="layui-input">
+ </div>
+ </div>
+ <div class="layui-form-item">
+ <label class="layui-form-label">姘村钩瀵归綈</label>
+ <div class="layui-input-block">
+ <select name="horizontalOrigin" class="horizontalOrigin"
+ lay-filter="horizontalOrigin">
+ <option value="0">灞呬腑</option>
+ <option value="1">宸﹀榻�</option>
+ <option value="-1">鍙冲榻�</option>
+ </select>
+ </div>
+ </div>
+ <div class="layui-form-item">
+ <label class="layui-form-label">鍨傜洿瀵归綈</label>
+ <div class="layui-input-block">
+ <select name="verticalOrigin" class="verticalOrigin" lay-filter="verticalOrigin">
+ <option value="0">灞呬腑</option>
+ <option value="-1">涓婂榻�</option>
+ <option value="1">涓嬪榻�</option>
+ <option value="2">鍩虹嚎瀵归綈</option>
+ </select>
+ </div>
+ </div>
+ <div class="layui-form-item">
+ <label class="layui-form-label">姣斾緥澶у皬</label>
+ <div class="layui-input-block">
+ <input type="number" name="scale" lay-verify="title" autocomplete="off"
+ placeholder="0" onkeyup="value=value.replace(/[^\d\.]/g,'')"
+ class="layui-input">
+ </div>
+ </div>
+ <div class="layui-form-item">
+ <label class="layui-form-label">鏄惁涓嶈閬尅</label>
+ <div class="layui-input-block">
+ <input type="checkbox" lay-skin="switch" id="isLabelDisableDepthTest"
+ lay-filter="isLabelDisableDepthTest" title="寮�鍏�">
+ </div>
+ </div>
+ <div class="layui-form-item">
+ <label class="layui-form-label">闅忓湴鍥剧缉鏀�</label>
+ <div class="layui-input-block">
+ <input type="checkbox" lay-skin="switch" class="isScaleByDistance"
+ lay-filter="isScaleByDistance" title="寮�鍏�">
+ </div>
+ </div>
+ <div class="layui-form-item scaleByDistance">
+ <label class="layui-form-label">鏈�杩滅缉鏀捐窛绂�</label>
+ <div class="layui-input-block">
+ <input type="number" name="scaleByDistanceFar" lay-verify="title" autocomplete="off"
+ placeholder="0" onkeyup="value=value.replace(/[^\d\.]/g,'')"
+ class="layui-input">
+ </div>
+ </div>
+ <div class="layui-form-item color">
+ <label class="layui-form-label">濉厖鑹�</label>
+ <div class="layui-input-block">
+ <div id="colorchk-label-fill" style="display: inline-block;margin-top: 2px;"></div>
+ </div>
+ </div>
+ <div class="layui-form-item" style="position:relative;">
+ <label class="layui-form-label">濉厖閫忔槑搴�</label>
+ <div class="layui-input-block" style="position: absolute;top: 16px">
+ <div id="opacity-label-fill" class="demo-slider"></div>
+ </div>
+ </div>
+ <div class="layui-form-item">
+ <label class="layui-form-label">鏄惁鏄剧ず杈规</label>
+ <div class="layui-input-block">
+ <input type="checkbox" lay-skin="switch" id="showLabelOutline"
+ lay-filter="showLabelOutline" title="寮�鍏�">
+ </div>
+ </div>
+ <div class="layui-form-item outline">
+ <label class="layui-form-label">杈规澶у皬</label>
+ <div class="layui-input-block">
+ <input type="number" name="outlineWidth" lay-verify="title" autocomplete="off"
+ placeholder="0" onkeyup="value=value.replace(/[^\d\.]/g,'')"
+ class="layui-input">
+ </div>
+ </div>
+ <div class="layui-form-item outline color">
+ <label class="layui-form-label">杈规鑹�</label>
+ <div class="layui-input-block">
+ <div id="colorchk-label-outline" style="display: inline-block;margin-top: 2px;">
+ </div>
+ </div>
+ </div>
+ <div class="layui-form-item outline" style="position:relative;">
+ <label class="layui-form-label">杈规閫忔槑搴�</label>
+ <div class="layui-input-block" style="position: absolute;top: 16px">
+ <div id="opacity-label-outline" class="demo-slider"></div>
+ </div>
+ </div>
+ <div class="layui-form-item">
+ <label class="layui-form-label">鏄惁鏄剧ず鑳屾櫙</label>
+ <div class="layui-input-block">
+ <input type="checkbox" lay-skin="switch" id="showLabelBackground"
+ lay-filter="showLabelBackground" title="寮�鍏�">
+ </div>
+ </div>
+ <div class="layui-form-item background color">
+ <label class="layui-form-label">鑳屾櫙鑹�</label>
+ <div class="layui-input-block">
+ <div id="colorchk-label-background" style="display: inline-block;margin-top: 2px;">
+ </div>
+ </div>
+ </div>
+ <div class="layui-form-item background" style="position:relative;">
+ <label class="layui-form-label">鑳屾櫙閫忔槑搴�</label>
+ <div class="layui-input-block" style="position: absolute;top: 16px">
+ <div id="opacity-label-background" class="demo-slider"></div>
+ </div>
+ </div>
+ <div class="layui-form-item">
+ <label class="layui-form-label">鏈�灏忓彲瑙嗚窛绂�</label>
+ <div class="layui-input-block">
+ <input type="number" name="minViewDistance" lay-verify="title" autocomplete="off"
+ placeholder="0" onkeyup="value=value.replace(/[^\d\.]/g,'')"
+ class="layui-input">
+ </div>
+ </div>
+ <div class="layui-form-item" style="border: 1px #fff solid">
+ <label class="layui-form-label">鏈�澶у彲瑙嗚窛绂�</label>
+ <div class="layui-input-block">
+ <input type="number" name="maxViewDistance" lay-verify="title" autocomplete="off"
+ placeholder="0" onkeyup="value=value.replace(/[^\d\.]/g,'')"
+ class="layui-input">
+ </div>
+ </div>
+ </form>
</div>
- </div>
- <div class="layui-form-item">
- <label class="layui-form-label">鏄惁涓嶈閬尅</label>
- <div class="layui-input-block">
- <input type="checkbox" lay-skin="switch" id="isPointDisableDepthTest"
- lay-filter="isPointDisableDepthTest" title="寮�鍏�">
+ <!--妯″瀷鐐�-->
+ <div class="props model" style="display: none">
+ <form class="layui-form" action="">
+ <div class="layui-form-item">
+ <label class="layui-form-label">绫诲瀷</label>
+ <div class="layui-input-block" style="line-height: 38px;">
+ 妯″瀷
+ </div>
+ </div>
+ <div class="layui-form-item">
+ <label class="layui-form-label">鍚嶇О</label>
+ <div class="layui-input-block">
+ <input type="text" name="name" lay-verify="title" autocomplete="off" placeholder="0"
+ value="" class="layui-input">
+ </div>
+ </div>
+ <div class="layui-form-item">
+ <label class="layui-form-label">妯″瀷閾炬帴</label>
+ <div class="layui-input-block">
+ <input type="text" name="url" lay-verify="title" autocomplete="off" placeholder="0"
+ class="layui-input">
+ </div>
+ </div>
+ <div class="layui-form-item">
+ <label class="layui-form-label">楂樺害</label>
+ <div class="layui-input-block">
+ <input type="number" name="height" lay-verify="title" autocomplete="off"
+ placeholder="0" onkeyup="value=value.replace(/[^\d\.\-]/g,'')"
+ class="layui-input">
+ </div>
+ </div>
+ <div class="layui-form-item">
+ <label class="layui-form-label">姣斾緥澶у皬</label>
+ <div class="layui-input-block">
+ <input type="number" name="scale" lay-verify="title" autocomplete="off"
+ placeholder="0" onkeyup="value=value.replace(/[^\d\.]/g,'')"
+ class="layui-input">
+ </div>
+ </div>
+ <div class="layui-form-item">
+ <label class="layui-form-label">鏈�灏忔樉绀哄昂瀵�</label>
+ <div class="layui-input-block">
+ <input type="number" name="minimumPixelSize" lay-verify="title" autocomplete="off"
+ placeholder="0" onkeyup="value=value.replace(/[^\d\.]/g,'')"
+ class="layui-input">
+ </div>
+ </div>
+ <div class="layui-form-item">
+ <label class="layui-form-label">鏄惁鎵ц鍔ㄧ敾</label>
+ <div class="layui-input-block">
+ <input type="checkbox" lay-skin="switch" id="runAnimations"
+ lay-filter="runAnimations" title="寮�鍏�">
+ </div>
+ </div>
+ <div class="layui-form-item color">
+ <label class="layui-form-label">濉厖鑹�</label>
+ <div class="layui-input-block">
+ <div id="colorchk-model-fill" style="display: inline-block;margin-top: 2px;"></div>
+ </div>
+ </div>
+ <div class="layui-form-item" style="position:relative;">
+ <label class="layui-form-label">濉厖閫忔槑搴�</label>
+ <div class="layui-input-block" style="position: absolute;top: 16px">
+ <div id="opacity-model-fill" class="demo-slider"></div>
+ </div>
+ </div>
+ <div class="layui-form-item">
+ <label class="layui-form-label">鑷棆杞�</label>
+ <div class="layui-input-block">
+ <input type="checkbox" lay-skin="switch" id="autoRotate" lay-filter="autoRotate"
+ title="寮�鍏�">
+ </div>
+ </div>
+ <div class="layui-form-item">
+ <label class="layui-form-label">鏂瑰悜瑙�</label>
+ <div class="layui-input-block">
+ <input type="number" name="heading" lay-verify="title" autocomplete="off"
+ placeholder="0" onkeyup="value=value.replace(/[^\d\.\-]/g,'')"
+ class="layui-input">
+ </div>
+ </div>
+ <div class="layui-form-item">
+ <label class="layui-form-label">淇话瑙�</label>
+ <div class="layui-input-block">
+ <input type="number" name="pitch" lay-verify="title" autocomplete="off"
+ placeholder="0" onkeyup="value=value.replace(/[^\d\.\-]/g,'')"
+ class="layui-input">
+ </div>
+ </div>
+ <div class="layui-form-item">
+ <label class="layui-form-label">缈绘粴瑙�</label>
+ <div class="layui-input-block">
+ <input type="number" name="roll" lay-verify="title" autocomplete="off"
+ placeholder="0" onkeyup="value=value.replace(/[^\d\.\-]/g,'')"
+ class="layui-input">
+ </div>
+ </div>
+ <div class="layui-form-item">
+ <label class="layui-form-label">鏈�灏忓彲瑙嗚窛绂�</label>
+ <div class="layui-input-block">
+ <input type="number" name="minViewDistance" lay-verify="title" autocomplete="off"
+ placeholder="0" onkeyup="value=value.replace(/[^\d\.]/g,'')"
+ class="layui-input">
+ </div>
+ </div>
+ <div class="layui-form-item" style="border: 1px #fff solid">
+ <label class="layui-form-label">鏈�澶у彲瑙嗚窛绂�</label>
+ <div class="layui-input-block">
+ <input type="number" name="maxViewDistance" lay-verify="title" autocomplete="off"
+ placeholder="0" onkeyup="value=value.replace(/[^\d\.]/g,'')"
+ class="layui-input">
+ </div>
+ </div>
+ </form>
</div>
- </div>
- <div class="layui-form-item color">
- <label class="layui-form-label">濉厖鑹�</label>
- <div class="layui-input-block">
- <div id="colorchk-point-fill" style="display: inline-block;margin-top: 2px;"></div>
+ <!--绾�-->
+ <div class="props polyline" style="display: none">
+ <form class="layui-form" action="">
+ <div class="layui-form-item">
+ <label class="layui-form-label">绫诲瀷</label>
+ <div class="layui-input-block" style="line-height: 38px;">
+ 绾�
+ </div>
+ </div>
+ <div class="layui-form-item">
+ <label class="layui-form-label">鍚嶇О</label>
+ <div class="layui-input-block">
+ <input type="text" name="name" lay-verify="title" autocomplete="off" placeholder="0"
+ value="" class="layui-input">
+ </div>
+ </div>
+ <div class="layui-form-item">
+ <label class="layui-form-label">绾垮</label>
+ <div class="layui-input-block">
+ <input type="number" name="width" lay-verify="title" autocomplete="off"
+ placeholder="0" onkeyup="value=value.replace(/[^\d\.]/g,'')"
+ class="layui-input">
+ </div>
+ </div>
+ <div class="layui-form-item">
+ <label class="layui-form-label">鏄惁璐村湴</label>
+ <div class="layui-input-block">
+ <input type="checkbox" lay-skin="switch" id="showClampToGround_Polyline"
+ lay-filter="showClampToGround" title="寮�鍏�">
+ </div>
+ </div>
+ <div class="layui-form-item color">
+ <label class="layui-form-label">濉厖鑹�</label>
+ <div class="layui-input-block">
+ <div id="colorchk-polyline-fill" style="display: inline-block;margin-top: 2px;">
+ </div>
+ </div>
+ </div>
+ <div class="layui-form-item" style="position:relative;">
+ <label class="layui-form-label">濉厖閫忔槑搴�</label>
+ <div class="layui-input-block" style="position: absolute;top: 16px">
+ <div id="opacity-polyline-fill" class="demo-slider"></div>
+ </div>
+ </div>
+ <div class="layui-form-item">
+ <label class="layui-form-label">鏄惁鏄剧ず杈规</label>
+ <div class="layui-input-block">
+ <input type="checkbox" lay-skin="switch" id="showPolylineOutline"
+ lay-filter="showPolylineOutline" title="寮�鍏�">
+ </div>
+ </div>
+ <div class="layui-form-item outline">
+ <label class="layui-form-label">杈规澶у皬</label>
+ <div class="layui-input-block">
+ <input type="number" name="outlineWidth" lay-verify="title" autocomplete="off"
+ placeholder="0" onkeyup="value=value.replace(/[^\d\.]/g,'')"
+ class="layui-input">
+ </div>
+ </div>
+ <div class="layui-form-item outline color">
+ <label class="layui-form-label">杈规鑹�</label>
+ <div class="layui-input-block">
+ <div id="colorchk-polyline-outline" style="display: inline-block;margin-top: 2px;">
+ </div>
+ </div>
+ </div>
+ <div class="layui-form-item outline" style="position:relative;">
+ <label class="layui-form-label">杈规閫忔槑搴�</label>
+ <div class="layui-input-block" style="position: absolute;top: 16px">
+ <div id="opacity-polyline-outline" class="demo-slider"></div>
+ </div>
+ </div>
+ <div class="layui-form-item">
+ <label class="layui-form-label">鏈�灏忓彲瑙嗚窛绂�</label>
+ <div class="layui-input-block">
+ <input type="number" name="minViewDistance" lay-verify="title" autocomplete="off"
+ placeholder="0" onkeyup="value=value.replace(/[^\d\.]/g,'')"
+ class="layui-input">
+ </div>
+ </div>
+ <div class="layui-form-item" style="border: 1px #fff solid">
+ <label class="layui-form-label">鏈�澶у彲瑙嗚窛绂�</label>
+ <div class="layui-input-block">
+ <input type="number" name="maxViewDistance" lay-verify="title" autocomplete="off"
+ placeholder="0" onkeyup="value=value.replace(/[^\d\.]/g,'')"
+ class="layui-input">
+ </div>
+ </div>
+ </form>
</div>
- </div>
- <div class="layui-form-item" style="position:relative;">
- <label class="layui-form-label">濉厖閫忔槑搴�</label>
- <div class="layui-input-block" style="position: absolute;top: 16px">
- <div id="opacity-point-fill" class="demo-slider"></div>
+ <!--澶氳竟褰�-->
+ <div class="props polygon" style="display: none">
+ <form class="layui-form" action="">
+ <div class="layui-form-item">
+ <label class="layui-form-label">绫诲瀷</label>
+ <div class="layui-input-block" style="line-height: 38px;">
+ 澶氳竟褰�
+ </div>
+ </div>
+ <div class="layui-form-item">
+ <label class="layui-form-label">鍚嶇О</label>
+ <div class="layui-input-block">
+ <input type="text" name="name" lay-verify="title" autocomplete="off" placeholder="0"
+ value="" class="layui-input">
+ </div>
+ </div>
+ <div class="layui-form-item">
+ <label class="layui-form-label">鏄惁璐村湴</label>
+ <div class="layui-input-block">
+ <input type="checkbox" lay-skin="switch" id="showClampToGround_Polygon"
+ lay-filter="showClampToGround" title="寮�鍏�">
+ </div>
+ </div>
+ <div class="layui-form-item color">
+ <label class="layui-form-label">濉厖鑹�</label>
+ <div class="layui-input-block">
+ <div id="colorchk-polygon-fill" style="display: inline-block;margin-top: 2px;">
+ </div>
+ </div>
+ </div>
+ <div class="layui-form-item" style="position:relative">
+ <label class="layui-form-label">濉厖閫忔槑搴�</label>
+ <div class="layui-input-block" style="position: absolute;top: 16px">
+ <div id="opacity-polygon-fill" class="demo-slider"></div>
+ </div>
+ </div>
+ <div class="layui-form-item showBoundary">
+ <label class="layui-form-label">鏄惁鏄剧ず杈规</label>
+ <div class="layui-input-block">
+ <input type="checkbox" lay-skin="switch" id="showPolygonOutline"
+ lay-filter="showPolygonOutline" title="寮�鍏�">
+ </div>
+ </div>
+ <div class="layui-form-item outline color">
+ <label class="layui-form-label">杈规鑹�</label>
+ <div class="layui-input-block">
+ <div id="colorchk-polygon-outline" style="display: inline-block;margin-top: 2px;">
+ </div>
+ </div>
+ </div>
+ <div class="layui-form-item outline" style="position:relative;">
+ <label class="layui-form-label">杈规閫忔槑搴�</label>
+ <div class="layui-input-block" style="position: absolute;top: 16px">
+ <div id="opacity-polygon-outline" class="demo-slider"></div>
+ </div>
+ </div>
+ <div class="layui-form-item">
+ <label class="layui-form-label">鏈�灏忓彲瑙嗚窛绂�</label>
+ <div class="layui-input-block">
+ <input type="number" name="minViewDistance" lay-verify="title" autocomplete="off"
+ placeholder="0" onkeyup="value=value.replace(/[^\d\.]/g,'')"
+ class="layui-input">
+ </div>
+ </div>
+ <div class="layui-form-item" style="border: 1px #fff solid">
+ <label class="layui-form-label">鏈�澶у彲瑙嗚窛绂�</label>
+ <div class="layui-input-block">
+ <input type="number" name="maxViewDistance" lay-verify="title" autocomplete="off"
+ placeholder="0" onkeyup="value=value.replace(/[^\d\.]/g,'')"
+ class="layui-input">
+ </div>
+ </div>
+ </form>
</div>
- </div>
- <div class="layui-form-item">
- <label class="layui-form-label">鏄惁鏄剧ず杈规</label>
- <div class="layui-input-block">
- <input type="checkbox" lay-skin="switch" id="showPointOutline" lay-filter="showPointOutline"
- title="寮�鍏�">
+ <!--鐭╁舰-->
+ <div class="props rectangle" style="display: none">
+ <form class="layui-form" action="">
+ <div class="layui-form-item">
+ <label class="layui-form-label">绫诲瀷</label>
+ <div class="layui-input-block" style="line-height: 38px;">
+ 鐭╁舰
+ </div>
+ </div>
+ <div class="layui-form-item">
+ <label class="layui-form-label">鍚嶇О</label>
+ <div class="layui-input-block">
+ <input type="text" name="name" lay-verify="title" autocomplete="off" placeholder="0"
+ value="" class="layui-input">
+ </div>
+ </div>
+ <div class="layui-form-item">
+ <label class="layui-form-label">鏄惁璐村湴</label>
+ <div class="layui-input-block">
+ <input type="checkbox" lay-skin="switch" id="showClampToGround_Rectangle"
+ lay-filter="showClampToGround" title="寮�鍏�">
+ </div>
+ </div>
+ <div class="layui-form-item height">
+ <label class="layui-form-label">楂樺害</label>
+ <div class="layui-input-block">
+ <input type="number" name="height" lay-verify="title" autocomplete="off"
+ placeholder="0" onkeyup="value=value.replace(/[^\d\.\-]/g,'')"
+ class="layui-input">
+ </div>
+ </div>
+ <div class="layui-form-item">
+ <label class="layui-form-label">鏃嬭浆瑙掑害</label>
+ <div class="layui-input-block">
+ <input type="number" name="rotation" lay-verify="title" autocomplete="off"
+ placeholder="0" onkeyup="value=value.replace(/[^\d\.\-]/g,'')"
+ class="layui-input">
+ </div>
+ </div>
+ <div class="layui-form-item color">
+ <label class="layui-form-label">濉厖鑹�</label>
+ <div class="layui-input-block">
+ <div id="colorchk-rectangle-fill" style="display: inline-block;margin-top: 2px;">
+ </div>
+ </div>
+ </div>
+ <div class="layui-form-item" style="position:relative">
+ <label class="layui-form-label">濉厖閫忔槑搴�</label>
+ <div class="layui-input-block" style="position: absolute;top: 16px">
+ <div id="opacity-rectangle-fill" class="demo-slider"></div>
+ </div>
+ </div>
+ <div class="layui-form-item showBoundary">
+ <label class="layui-form-label">鏄惁鏄剧ず杈规</label>
+ <div class="layui-input-block">
+ <input type="checkbox" lay-skin="switch" id="showRectangleOutline"
+ lay-filter="showRectangleOutline" title="寮�鍏�">
+ </div>
+ </div>
+ <div class="layui-form-item outline color">
+ <label class="layui-form-label">杈规鑹�</label>
+ <div class="layui-input-block">
+ <div id="colorchk-rectangle-outline" style="display: inline-block;margin-top: 2px;">
+ </div>
+ </div>
+ </div>
+ <div class="layui-form-item outline" style="position:relative;">
+ <label class="layui-form-label">杈规閫忔槑搴�</label>
+ <div class="layui-input-block" style="position: absolute;top: 16px">
+ <div id="opacity-rectangle-outline" class="demo-slider"></div>
+ </div>
+ </div>
+ <div class="layui-form-item">
+ <label class="layui-form-label">鏈�灏忓彲瑙嗚窛绂�</label>
+ <div class="layui-input-block">
+ <input type="number" name="minViewDistance" lay-verify="title" autocomplete="off"
+ placeholder="0" onkeyup="value=value.replace(/[^\d\.]/g,'')"
+ class="layui-input">
+ </div>
+ </div>
+ <div class="layui-form-item" style="border: 1px #fff solid">
+ <label class="layui-form-label">鏈�澶у彲瑙嗚窛绂�</label>
+ <div class="layui-input-block">
+ <input type="number" name="maxViewDistance" lay-verify="title" autocomplete="off"
+ placeholder="0" onkeyup="value=value.replace(/[^\d\.]/g,'')"
+ class="layui-input">
+ </div>
+ </div>
+ </form>
</div>
- </div>
- <div class="layui-form-item outline">
- <label class="layui-form-label">杈规澶у皬</label>
- <div class="layui-input-block">
- <input type="number" name="outlineWidth" lay-verify="title" autocomplete="off" placeholder="0"
- onkeyup="value=value.replace(/[^\d\.]/g,'')" class="layui-input">
+ <!--鍦嗗舰-->
+ <div class="props ellipse" style="display: none">
+ <form class="layui-form" action="">
+ <div class="layui-form-item">
+ <label class="layui-form-label">绫诲瀷</label>
+ <div class="layui-input-block" style="line-height: 38px;">
+ 鍦嗗舰
+ </div>
+ </div>
+ <div class="layui-form-item">
+ <label class="layui-form-label">鍚嶇О</label>
+ <div class="layui-input-block">
+ <input type="text" name="name" lay-verify="title" autocomplete="off" placeholder="0"
+ value="" class="layui-input">
+ </div>
+ </div>
+ <div class="layui-form-item">
+ <label class="layui-form-label">鏄惁璐村湴</label>
+ <div class="layui-input-block">
+ <input type="checkbox" lay-skin="switch" id="showClampToGround_Ellipse"
+ lay-filter="showClampToGround" title="寮�鍏�">
+ </div>
+ </div>
+ <div class="layui-form-item height">
+ <label class="layui-form-label">楂樺害</label>
+ <div class="layui-input-block">
+ <input type="number" name="height" lay-verify="title" autocomplete="off"
+ placeholder="0" onkeyup="value=value.replace(/[^\d\.\-]/g,'')"
+ class="layui-input">
+ </div>
+ </div>
+ <div class="layui-form-item">
+ <label class="layui-form-label">鍗婂緞</label>
+ <div class="layui-input-block">
+ <input type="number" name="radius" lay-verify="title" autocomplete="off"
+ placeholder="0" onkeyup="value=value.replace(/[^\d\.]/g,'')"
+ class="layui-input">
+ </div>
+ </div>
+ <div class="layui-form-item color">
+ <label class="layui-form-label">濉厖鑹�</label>
+ <div class="layui-input-block">
+ <div id="colorchk-ellipse-fill" style="display: inline-block;margin-top: 2px;">
+ </div>
+ </div>
+ </div>
+ <div class="layui-form-item" style="position:relative">
+ <label class="layui-form-label">濉厖閫忔槑搴�</label>
+ <div class="layui-input-block" style="position: absolute;top: 16px">
+ <div id="opacity-ellipse-fill" class="demo-slider"></div>
+ </div>
+ </div>
+ <div class="layui-form-item showBoundary">
+ <label class="layui-form-label">鏄惁鏄剧ず杈规</label>
+ <div class="layui-input-block">
+ <input type="checkbox" lay-skin="switch" id="showEllipseOutline"
+ lay-filter="showEllipseOutline" title="寮�鍏�">
+ </div>
+ </div>
+ <div class="layui-form-item outline color">
+ <label class="layui-form-label">杈规鑹�</label>
+ <div class="layui-input-block">
+ <div id="colorchk-ellipse-outline" style="display: inline-block;margin-top: 2px;">
+ </div>
+ </div>
+ </div>
+ <div class="layui-form-item outline" style="position:relative;">
+ <label class="layui-form-label">杈规閫忔槑搴�</label>
+ <div class="layui-input-block" style="position: absolute;top: 16px">
+ <div id="opacity-ellipse-outline" class="demo-slider"></div>
+ </div>
+ </div>
+ <div class="layui-form-item">
+ <label class="layui-form-label">鏈�灏忓彲瑙嗚窛绂�</label>
+ <div class="layui-input-block">
+ <input type="number" name="minViewDistance" lay-verify="title" autocomplete="off"
+ placeholder="0" onkeyup="value=value.replace(/[^\d\.]/g,'')"
+ class="layui-input">
+ </div>
+ </div>
+ <div class="layui-form-item" style="border: 1px #fff solid">
+ <label class="layui-form-label">鏈�澶у彲瑙嗚窛绂�</label>
+ <div class="layui-input-block">
+ <input type="number" name="maxViewDistance" lay-verify="title" autocomplete="off"
+ placeholder="0" onkeyup="value=value.replace(/[^\d\.]/g,'')"
+ class="layui-input">
+ </div>
+ </div>
+ </form>
</div>
- </div>
- <div class="layui-form-item outline color">
- <label class="layui-form-label">杈规鑹�</label>
- <div class="layui-input-block">
- <div id="colorchk-point-outline" style="display: inline-block;margin-top: 2px;"></div>
+ <!--澶氳竟浣�-->
+ <div class="props ExtrudedPolygon" style="display: none">
+ <form class="layui-form" action="">
+ <div class="layui-form-item">
+ <label class="layui-form-label">绫诲瀷</label>
+ <div class="layui-input-block" style="line-height: 38px;">
+ 澶氳竟浣�
+ </div>
+ </div>
+ <div class="layui-form-item">
+ <label class="layui-form-label">鍚嶇О</label>
+ <div class="layui-input-block">
+ <input type="text" name="name" lay-verify="title" autocomplete="off" placeholder="0"
+ value="" class="layui-input">
+ </div>
+ </div>
+ <div class="layui-form-item">
+ <label class="layui-form-label">楂樺害</label>
+ <div class="layui-input-block">
+ <input type="number" name="height" lay-verify="title" autocomplete="off"
+ placeholder="0" onkeyup="value=value.replace(/[^\d\.]/g,'')"
+ class="layui-input">
+ </div>
+ </div>
+ <div class="layui-form-item">
+ <label class="layui-form-label">鎷変几楂樺害</label>
+ <div class="layui-input-block">
+ <input type="number" name="extrudedHeight" lay-verify="title" autocomplete="off"
+ placeholder="0" onkeyup="value=value.replace(/[^\d\.]/g,'')"
+ class="layui-input">
+ </div>
+ </div>
+ <div class="layui-form-item color">
+ <label class="layui-form-label">濉厖鑹�</label>
+ <div class="layui-input-block">
+ <div id="colorchk-ExtrudedPolygon-fill"
+ style="display: inline-block;margin-top: 2px;">
+ </div>
+ </div>
+ </div>
+ <div class="layui-form-item" style="position:relative">
+ <label class="layui-form-label">濉厖閫忔槑搴�</label>
+ <div class="layui-input-block" style="position: absolute;top: 16px">
+ <div id="opacity-ExtrudedPolygon-fill" class="demo-slider"></div>
+ </div>
+ </div>
+ <div class="layui-form-item">
+ <label class="layui-form-label">鏄惁鏄剧ず杈规</label>
+ <div class="layui-input-block">
+ <input type="checkbox" lay-skin="switch" id="showExtrudedPolygonOutline"
+ lay-filter="showExtrudedPolygonOutline" title="寮�鍏�">
+ </div>
+ </div>
+ <div class="layui-form-item outline color">
+ <label class="layui-form-label">杈规鑹�</label>
+ <div class="layui-input-block">
+ <div id="colorchk-ExtrudedPolygon-outline"
+ style="display: inline-block;margin-top: 2px;"></div>
+ </div>
+ </div>
+ <div class="layui-form-item outline" style="position:relative;">
+ <label class="layui-form-label">杈规閫忔槑搴�</label>
+ <div class="layui-input-block" style="position: absolute;top: 16px">
+ <div id="opacity-ExtrudedPolygon-outline" class="demo-slider"></div>
+ </div>
+ </div>
+ <div class="layui-form-item">
+ <label class="layui-form-label">鏈�灏忓彲瑙嗚窛绂�</label>
+ <div class="layui-input-block">
+ <input type="number" name="minViewDistance" lay-verify="title" autocomplete="off"
+ placeholder="0" onkeyup="value=value.replace(/[^\d\.]/g,'')"
+ class="layui-input">
+ </div>
+ </div>
+ <div class="layui-form-item" style="border: 1px #fff solid">
+ <label class="layui-form-label">鏈�澶у彲瑙嗚窛绂�</label>
+ <div class="layui-input-block">
+ <input type="number" name="maxViewDistance" lay-verify="title" autocomplete="off"
+ placeholder="0" onkeyup="value=value.replace(/[^\d\.]/g,'')"
+ class="layui-input">
+ </div>
+ </div>
+ </form>
</div>
- </div>
- <div class="layui-form-item outline" style="position:relative;">
- <label class="layui-form-label">杈规閫忔槑搴�</label>
- <div class="layui-input-block" style="position: absolute;top: 16px">
- <div id="opacity-point-outline" class="demo-slider"></div>
- </div>
- </div>
- <div class="layui-form-item">
- <label class="layui-form-label">鏈�灏忓彲瑙嗚窛绂�</label>
- <div class="layui-input-block">
- <input type="number" name="minViewDistance" lay-verify="title" autocomplete="off"
- placeholder="0" onkeyup="value=value.replace(/[^\d\.]/g,'')" class="layui-input">
- </div>
- </div>
- <div class="layui-form-item" style="border: 1px #fff solid">
- <label class="layui-form-label">鏈�澶у彲瑙嗚窛绂�</label>
- <div class="layui-input-block">
- <input type="number" name="maxViewDistance" lay-verify="title" autocomplete="off"
- placeholder="0" onkeyup="value=value.replace(/[^\d\.]/g,'')" class="layui-input">
- </div>
- </div>
- </form>
- </div>
- <!--鍥剧墖鐐�-->
- <div class="props billboard" style="display: none">
- <form class="layui-form" action="">
- <div class="layui-form-item">
- <label class="layui-form-label">绫诲瀷</label>
- <div class="layui-input-block" style="line-height: 38px;">
- 鍥剧墖鐐�
- </div>
- </div>
- <div class="layui-form-item">
- <label class="layui-form-label">鍚嶇О</label>
- <div class="layui-input-block">
- <input type="text" name="name" lay-verify="title" autocomplete="off" placeholder="0" value=""
- class="layui-input">
- </div>
- </div>
- <div class="layui-form-item">
- <label class="layui-form-label">鍥剧墖閾炬帴</label>
- <div class="layui-input-block">
- <input type="text" name="image" lay-verify="title" autocomplete="off" placeholder="0"
- class="layui-input">
- </div>
- </div>
- <div class="layui-form-item">
- <label class="layui-form-label">姣斾緥澶у皬</label>
- <div class="layui-input-block">
- <input type="number" name="scale" lay-verify="title" autocomplete="off" placeholder="0"
- onkeyup="value=value.replace(/[^\d\.]/g,'')" class="layui-input">
- </div>
- </div>
- <div class="layui-form-item">
- <label class="layui-form-label">姘村钩瀵归綈</label>
- <div class="layui-input-block">
- <select name="horizontalOrigin" class="horizontalOrigin" lay-filter="horizontalOrigin">
- <option value="0">灞呬腑</option>
- <option value="1">宸﹀榻�</option>
- <option value="-1">鍙冲榻�</option>
- </select>
- </div>
- </div>
- <div class="layui-form-item">
- <label class="layui-form-label">鍨傜洿瀵归綈</label>
- <div class="layui-input-block">
- <select name="verticalOrigin" class="verticalOrigin" lay-filter="verticalOrigin">
- <option value="0">灞呬腑</option>
- <option value="-1">涓婂榻�</option>
- <option value="1">涓嬪榻�</option>
- <option value="2">鍩虹嚎瀵归綈</option>
- </select>
- </div>
- </div>
- <div class="layui-form-item">
- <label class="layui-form-label">鏃嬭浆瑙掑害</label>
- <div class="layui-input-block">
- <input type="number" name="rotation" lay-verify="title" autocomplete="off" placeholder="0"
- onkeyup="value=value.replace(/[^\d\.\-]/g,'')" class="layui-input">
- </div>
- </div>
- <div class="layui-form-item">
- <label class="layui-form-label">瀹�</label>
- <div class="layui-input-block">
- <input type="number" name="width" lay-verify="title" autocomplete="off" placeholder="0"
- onkeyup="value=value.replace(/[^\d\.]/g,'')" class="layui-input">
- </div>
- </div>
- <div class="layui-form-item">
- <label class="layui-form-label">楂�</label>
- <div class="layui-input-block">
- <input type="number" name="height" lay-verify="title" autocomplete="off" placeholder="0"
- onkeyup="value=value.replace(/[^\d\.]/g,'')" class="layui-input">
- </div>
- </div>
- <div class="layui-form-item">
- <label class="layui-form-label">鏄惁涓嶈閬尅</label>
- <div class="layui-input-block">
- <input type="checkbox" lay-skin="switch" id="isBillboardDisableDepthTest"
- lay-filter="isBillboardDisableDepthTest" title="寮�鍏�">
- </div>
- </div>
- <div class="layui-form-item color">
- <label class="layui-form-label">濉厖鑹�</label>
- <div class="layui-input-block">
- <div id="colorchk-billboard-fill" style="display: inline-block;margin-top: 2px;"></div>
- </div>
- </div>
- <div class="layui-form-item" style="position:relative;">
- <label class="layui-form-label">濉厖閫忔槑搴�</label>
- <div class="layui-input-block" style="position: absolute;top: 16px">
- <div id="opacity-billboard-fill" class="demo-slider"></div>
- </div>
- </div>
- <div class="layui-form-item">
- <label class="layui-form-label">鏈�灏忓彲瑙嗚窛绂�</label>
- <div class="layui-input-block">
- <input type="number" name="minViewDistance" lay-verify="title" autocomplete="off"
- placeholder="0" onkeyup="value=value.replace(/[^\d\.]/g,'')" class="layui-input">
- </div>
- </div>
- <div class="layui-form-item" style="border: 1px #fff solid">
- <label class="layui-form-label">鏈�澶у彲瑙嗚窛绂�</label>
- <div class="layui-input-block">
- <input type="number" name="maxViewDistance" lay-verify="title" autocomplete="off"
- placeholder="0" onkeyup="value=value.replace(/[^\d\.]/g,'')" class="layui-input">
- </div>
- </div>
- </form>
- </div>
- <!--鏂囨湰鐐�-->
- <div class="props label" style="display: none">
- <form class="layui-form" action="">
- <div class="layui-form-item">
- <label class="layui-form-label">绫诲瀷</label>
- <div class="layui-input-block" style="line-height: 38px;">
- 鏂囨湰鐐�
- </div>
- </div>
- <div class="layui-form-item">
- <label class="layui-form-label">鍚嶇О</label>
- <div class="layui-input-block">
- <input type="text" name="name" lay-verify="title" autocomplete="off" placeholder="0" value=""
- class="layui-input">
- </div>
- </div>
- <div class="layui-form-item">
- <label class="layui-form-label">鍐呭</label>
- <div class="layui-input-block">
- <input type="text" name="text" lay-verify="title" autocomplete="off" placeholder="0"
- class="layui-input">
- </div>
- </div>
- <div class="layui-form-item">
- <label class="layui-form-label">瀛椾綋</label>
- <div class="layui-input-block">
- <input type="text" name="font" lay-verify="title" autocomplete="off" placeholder="0"
- class="layui-input">
- </div>
- </div>
- <div class="layui-form-item">
- <label class="layui-form-label">姘村钩瀵归綈</label>
- <div class="layui-input-block">
- <select name="horizontalOrigin" class="horizontalOrigin" lay-filter="horizontalOrigin">
- <option value="0">灞呬腑</option>
- <option value="1">宸﹀榻�</option>
- <option value="-1">鍙冲榻�</option>
- </select>
- </div>
- </div>
- <div class="layui-form-item">
- <label class="layui-form-label">鍨傜洿瀵归綈</label>
- <div class="layui-input-block">
- <select name="verticalOrigin" class="verticalOrigin" lay-filter="verticalOrigin">
- <option value="0">灞呬腑</option>
- <option value="-1">涓婂榻�</option>
- <option value="1">涓嬪榻�</option>
- <option value="2">鍩虹嚎瀵归綈</option>
- </select>
- </div>
- </div>
- <div class="layui-form-item">
- <label class="layui-form-label">姣斾緥澶у皬</label>
- <div class="layui-input-block">
- <input type="number" name="scale" lay-verify="title" autocomplete="off" placeholder="0"
- onkeyup="value=value.replace(/[^\d\.]/g,'')" class="layui-input">
- </div>
- </div>
- <div class="layui-form-item">
- <label class="layui-form-label">鏄惁涓嶈閬尅</label>
- <div class="layui-input-block">
- <input type="checkbox" lay-skin="switch" id="isLabelDisableDepthTest"
- lay-filter="isLabelDisableDepthTest" title="寮�鍏�">
- </div>
- </div>
- <div class="layui-form-item color">
- <label class="layui-form-label">濉厖鑹�</label>
- <div class="layui-input-block">
- <div id="colorchk-label-fill" style="display: inline-block;margin-top: 2px;"></div>
- </div>
- </div>
- <div class="layui-form-item" style="position:relative;">
- <label class="layui-form-label">濉厖閫忔槑搴�</label>
- <div class="layui-input-block" style="position: absolute;top: 16px">
- <div id="opacity-label-fill" class="demo-slider"></div>
- </div>
- </div>
- <div class="layui-form-item">
- <label class="layui-form-label">鏄惁鏄剧ず杈规</label>
- <div class="layui-input-block">
- <input type="checkbox" lay-skin="switch" id="showLabelOutline" lay-filter="showLabelOutline"
- title="寮�鍏�">
- </div>
- </div>
- <div class="layui-form-item outline">
- <label class="layui-form-label">杈规澶у皬</label>
- <div class="layui-input-block">
- <input type="number" name="outlineWidth" lay-verify="title" autocomplete="off" placeholder="0"
- onkeyup="value=value.replace(/[^\d\.]/g,'')" class="layui-input">
- </div>
- </div>
- <div class="layui-form-item outline color">
- <label class="layui-form-label">杈规鑹�</label>
- <div class="layui-input-block">
- <div id="colorchk-label-outline" style="display: inline-block;margin-top: 2px;"></div>
- </div>
- </div>
- <div class="layui-form-item outline" style="position:relative;">
- <label class="layui-form-label">杈规閫忔槑搴�</label>
- <div class="layui-input-block" style="position: absolute;top: 16px">
- <div id="opacity-label-outline" class="demo-slider"></div>
- </div>
- </div>
- <div class="layui-form-item">
- <label class="layui-form-label">鏄惁鏄剧ず鑳屾櫙</label>
- <div class="layui-input-block">
- <input type="checkbox" lay-skin="switch" id="showLabelBackground"
- lay-filter="showLabelBackground" title="寮�鍏�">
- </div>
- </div>
- <div class="layui-form-item background color">
- <label class="layui-form-label">鑳屾櫙鑹�</label>
- <div class="layui-input-block">
- <div id="colorchk-label-background" style="display: inline-block;margin-top: 2px;"></div>
- </div>
- </div>
- <div class="layui-form-item background" style="position:relative;">
- <label class="layui-form-label">鑳屾櫙閫忔槑搴�</label>
- <div class="layui-input-block" style="position: absolute;top: 16px">
- <div id="opacity-label-background" class="demo-slider"></div>
- </div>
- </div>
- <div class="layui-form-item">
- <label class="layui-form-label">鏈�灏忓彲瑙嗚窛绂�</label>
- <div class="layui-input-block">
- <input type="number" name="minViewDistance" lay-verify="title" autocomplete="off"
- placeholder="0" onkeyup="value=value.replace(/[^\d\.]/g,'')" class="layui-input">
- </div>
- </div>
- <div class="layui-form-item" style="border: 1px #fff solid">
- <label class="layui-form-label">鏈�澶у彲瑙嗚窛绂�</label>
- <div class="layui-input-block">
- <input type="number" name="maxViewDistance" lay-verify="title" autocomplete="off"
- placeholder="0" onkeyup="value=value.replace(/[^\d\.]/g,'')" class="layui-input">
- </div>
- </div>
- </form>
- </div>
- <!--妯″瀷鐐�-->
- <div class="props model" style="display: none">
- <form class="layui-form" action="">
- <div class="layui-form-item">
- <label class="layui-form-label">绫诲瀷</label>
- <div class="layui-input-block" style="line-height: 38px;">
- 妯″瀷
- </div>
- </div>
- <div class="layui-form-item">
- <label class="layui-form-label">鍚嶇О</label>
- <div class="layui-input-block">
- <input type="text" name="name" lay-verify="title" autocomplete="off" placeholder="0" value=""
- class="layui-input">
- </div>
- </div>
- <div class="layui-form-item">
- <label class="layui-form-label">妯″瀷閾炬帴</label>
- <div class="layui-input-block">
- <input type="text" name="url" lay-verify="title" autocomplete="off" placeholder="0"
- class="layui-input">
- </div>
- </div>
- <div class="layui-form-item">
- <label class="layui-form-label">楂樺害</label>
- <div class="layui-input-block">
- <input type="number" name="height" lay-verify="title" autocomplete="off" placeholder="0"
- onkeyup="value=value.replace(/[^\d\.\-]/g,'')" class="layui-input">
- </div>
- </div>
- <div class="layui-form-item">
- <label class="layui-form-label">姣斾緥澶у皬</label>
- <div class="layui-input-block">
- <input type="number" name="scale" lay-verify="title" autocomplete="off" placeholder="0"
- onkeyup="value=value.replace(/[^\d\.]/g,'')" class="layui-input">
- </div>
- </div>
- <div class="layui-form-item">
- <label class="layui-form-label">鏈�灏忔樉绀哄昂瀵�</label>
- <div class="layui-input-block">
- <input type="number" name="minimumPixelSize" lay-verify="title" autocomplete="off"
- placeholder="0" onkeyup="value=value.replace(/[^\d\.]/g,'')" class="layui-input">
- </div>
- </div>
- <div class="layui-form-item">
- <label class="layui-form-label">鏄惁鎵ц鍔ㄧ敾</label>
- <div class="layui-input-block">
- <input type="checkbox" lay-skin="switch" id="runAnimations" lay-filter="runAnimations"
- title="寮�鍏�">
- </div>
- </div>
- <div class="layui-form-item color">
- <label class="layui-form-label">濉厖鑹�</label>
- <div class="layui-input-block">
- <div id="colorchk-model-fill" style="display: inline-block;margin-top: 2px;"></div>
- </div>
- </div>
- <div class="layui-form-item" style="position:relative;">
- <label class="layui-form-label">濉厖閫忔槑搴�</label>
- <div class="layui-input-block" style="position: absolute;top: 16px">
- <div id="opacity-model-fill" class="demo-slider"></div>
- </div>
- </div>
- <div class="layui-form-item">
- <label class="layui-form-label">鑷棆杞�</label>
- <div class="layui-input-block">
- <input type="checkbox" lay-skin="switch" id="autoRotate" lay-filter="autoRotate" title="寮�鍏�">
- </div>
- </div>
- <div class="layui-form-item">
- <label class="layui-form-label">鏂瑰悜瑙�</label>
- <div class="layui-input-block">
- <input type="number" name="heading" lay-verify="title" autocomplete="off" placeholder="0"
- onkeyup="value=value.replace(/[^\d\.\-]/g,'')" class="layui-input">
- </div>
- </div>
- <div class="layui-form-item">
- <label class="layui-form-label">淇话瑙�</label>
- <div class="layui-input-block">
- <input type="number" name="pitch" lay-verify="title" autocomplete="off" placeholder="0"
- onkeyup="value=value.replace(/[^\d\.\-]/g,'')" class="layui-input">
- </div>
- </div>
- <div class="layui-form-item">
- <label class="layui-form-label">缈绘粴瑙�</label>
- <div class="layui-input-block">
- <input type="number" name="roll" lay-verify="title" autocomplete="off" placeholder="0"
- onkeyup="value=value.replace(/[^\d\.\-]/g,'')" class="layui-input">
- </div>
- </div>
- <div class="layui-form-item">
- <label class="layui-form-label">鏈�灏忓彲瑙嗚窛绂�</label>
- <div class="layui-input-block">
- <input type="number" name="minViewDistance" lay-verify="title" autocomplete="off"
- placeholder="0" onkeyup="value=value.replace(/[^\d\.]/g,'')" class="layui-input">
- </div>
- </div>
- <div class="layui-form-item" style="border: 1px #fff solid">
- <label class="layui-form-label">鏈�澶у彲瑙嗚窛绂�</label>
- <div class="layui-input-block">
- <input type="number" name="maxViewDistance" lay-verify="title" autocomplete="off"
- placeholder="0" onkeyup="value=value.replace(/[^\d\.]/g,'')" class="layui-input">
- </div>
- </div>
- </form>
- </div>
- <!--绾�-->
- <div class="props polyline" style="display: none">
- <form class="layui-form" action="">
- <div class="layui-form-item">
- <label class="layui-form-label">绫诲瀷</label>
- <div class="layui-input-block" style="line-height: 38px;">
- 绾�
- </div>
- </div>
- <div class="layui-form-item">
- <label class="layui-form-label">鍚嶇О</label>
- <div class="layui-input-block">
- <input type="text" name="name" lay-verify="title" autocomplete="off" placeholder="0" value=""
- class="layui-input">
- </div>
- </div>
- <div class="layui-form-item">
- <label class="layui-form-label">绾垮</label>
- <div class="layui-input-block">
- <input type="number" name="width" lay-verify="title" autocomplete="off" placeholder="0"
- onkeyup="value=value.replace(/[^\d\.]/g,'')" class="layui-input">
- </div>
- </div>
- <div class="layui-form-item">
- <label class="layui-form-label">鏄惁璐村湴</label>
- <div class="layui-input-block">
- <input type="checkbox" lay-skin="switch" id="showClampToGround_Polyline"
- lay-filter="showClampToGround" title="寮�鍏�">
- </div>
- </div>
- <div class="layui-form-item color">
- <label class="layui-form-label">濉厖鑹�</label>
- <div class="layui-input-block">
- <div id="colorchk-polyline-fill" style="display: inline-block;margin-top: 2px;"></div>
- </div>
- </div>
- <div class="layui-form-item" style="position:relative;">
- <label class="layui-form-label">濉厖閫忔槑搴�</label>
- <div class="layui-input-block" style="position: absolute;top: 16px">
- <div id="opacity-polyline-fill" class="demo-slider"></div>
- </div>
- </div>
- <div class="layui-form-item">
- <label class="layui-form-label">鏄惁鏄剧ず杈规</label>
- <div class="layui-input-block">
- <input type="checkbox" lay-skin="switch" id="showPolylineOutline"
- lay-filter="showPolylineOutline" title="寮�鍏�">
- </div>
- </div>
- <div class="layui-form-item outline">
- <label class="layui-form-label">杈规澶у皬</label>
- <div class="layui-input-block">
- <input type="number" name="outlineWidth" lay-verify="title" autocomplete="off" placeholder="0"
- onkeyup="value=value.replace(/[^\d\.]/g,'')" class="layui-input">
- </div>
- </div>
- <div class="layui-form-item outline color">
- <label class="layui-form-label">杈规鑹�</label>
- <div class="layui-input-block">
- <div id="colorchk-polyline-outline" style="display: inline-block;margin-top: 2px;"></div>
- </div>
- </div>
- <div class="layui-form-item outline" style="position:relative;">
- <label class="layui-form-label">杈规閫忔槑搴�</label>
- <div class="layui-input-block" style="position: absolute;top: 16px">
- <div id="opacity-polyline-outline" class="demo-slider"></div>
- </div>
- </div>
- <div class="layui-form-item">
- <label class="layui-form-label">鏈�灏忓彲瑙嗚窛绂�</label>
- <div class="layui-input-block">
- <input type="number" name="minViewDistance" lay-verify="title" autocomplete="off"
- placeholder="0" onkeyup="value=value.replace(/[^\d\.]/g,'')" class="layui-input">
- </div>
- </div>
- <div class="layui-form-item" style="border: 1px #fff solid">
- <label class="layui-form-label">鏈�澶у彲瑙嗚窛绂�</label>
- <div class="layui-input-block">
- <input type="number" name="maxViewDistance" lay-verify="title" autocomplete="off"
- placeholder="0" onkeyup="value=value.replace(/[^\d\.]/g,'')" class="layui-input">
- </div>
- </div>
- </form>
- </div>
- <!--澶氳竟褰�-->
- <div class="props polygon" style="display: none">
- <form class="layui-form" action="">
- <div class="layui-form-item">
- <label class="layui-form-label">绫诲瀷</label>
- <div class="layui-input-block" style="line-height: 38px;">
- 澶氳竟褰�
- </div>
- </div>
- <div class="layui-form-item">
- <label class="layui-form-label">鍚嶇О</label>
- <div class="layui-input-block">
- <input type="text" name="name" lay-verify="title" autocomplete="off" placeholder="0" value=""
- class="layui-input">
- </div>
- </div>
- <div class="layui-form-item">
- <label class="layui-form-label">鏄惁璐村湴</label>
- <div class="layui-input-block">
- <input type="checkbox" lay-skin="switch" id="showClampToGround_Polygon"
- lay-filter="showClampToGround" title="寮�鍏�">
- </div>
- </div>
- <div class="layui-form-item color">
- <label class="layui-form-label">濉厖鑹�</label>
- <div class="layui-input-block">
- <div id="colorchk-polygon-fill" style="display: inline-block;margin-top: 2px;"></div>
- </div>
- </div>
- <div class="layui-form-item" style="position:relative">
- <label class="layui-form-label">濉厖閫忔槑搴�</label>
- <div class="layui-input-block" style="position: absolute;top: 16px">
- <div id="opacity-polygon-fill" class="demo-slider"></div>
- </div>
- </div>
- <div class="layui-form-item">
- <label class="layui-form-label">鏄惁鏄剧ず杈规</label>
- <div class="layui-input-block">
- <input type="checkbox" lay-skin="switch" id="showPolygonOutline" lay-filter="showPolygonOutline"
- title="寮�鍏�">
- </div>
- </div>
- <div class="layui-form-item outline color">
- <label class="layui-form-label">杈规鑹�</label>
- <div class="layui-input-block">
- <div id="colorchk-polygon-outline" style="display: inline-block;margin-top: 2px;"></div>
- </div>
- </div>
- <div class="layui-form-item outline" style="position:relative;">
- <label class="layui-form-label">杈规閫忔槑搴�</label>
- <div class="layui-input-block" style="position: absolute;top: 16px">
- <div id="opacity-polygon-outline" class="demo-slider"></div>
- </div>
- </div>
- <div class="layui-form-item">
- <label class="layui-form-label">鏈�灏忓彲瑙嗚窛绂�</label>
- <div class="layui-input-block">
- <input type="number" name="minViewDistance" lay-verify="title" autocomplete="off"
- placeholder="0" onkeyup="value=value.replace(/[^\d\.]/g,'')" class="layui-input">
- </div>
- </div>
- <div class="layui-form-item" style="border: 1px #fff solid">
- <label class="layui-form-label">鏈�澶у彲瑙嗚窛绂�</label>
- <div class="layui-input-block">
- <input type="number" name="maxViewDistance" lay-verify="title" autocomplete="off"
- placeholder="0" onkeyup="value=value.replace(/[^\d\.]/g,'')" class="layui-input">
- </div>
- </div>
- </form>
- </div>
- <!--鐭╁舰-->
- <div class="props rectangle" style="display: none">
- <form class="layui-form" action="">
- <div class="layui-form-item">
- <label class="layui-form-label">绫诲瀷</label>
- <div class="layui-input-block" style="line-height: 38px;">
- 鐭╁舰
- </div>
- </div>
- <div class="layui-form-item">
- <label class="layui-form-label">鍚嶇О</label>
- <div class="layui-input-block">
- <input type="text" name="name" lay-verify="title" autocomplete="off" placeholder="0" value=""
- class="layui-input">
- </div>
- </div>
- <div class="layui-form-item">
- <label class="layui-form-label">鏄惁璐村湴</label>
- <div class="layui-input-block">
- <input type="checkbox" lay-skin="switch" id="showClampToGround_Rectangle"
- lay-filter="showClampToGround" title="寮�鍏�">
- </div>
- </div>
- <div class="layui-form-item height">
- <label class="layui-form-label">楂樺害</label>
- <div class="layui-input-block">
- <input type="number" name="height" lay-verify="title" autocomplete="off" placeholder="0"
- onkeyup="value=value.replace(/[^\d\.\-]/g,'')" class="layui-input">
- </div>
- </div>
- <div class="layui-form-item">
- <label class="layui-form-label">鏃嬭浆瑙掑害</label>
- <div class="layui-input-block">
- <input type="number" name="rotation" lay-verify="title" autocomplete="off" placeholder="0"
- onkeyup="value=value.replace(/[^\d\.\-]/g,'')" class="layui-input">
- </div>
- </div>
- <div class="layui-form-item color">
- <label class="layui-form-label">濉厖鑹�</label>
- <div class="layui-input-block">
- <div id="colorchk-rectangle-fill" style="display: inline-block;margin-top: 2px;"></div>
- </div>
- </div>
- <div class="layui-form-item" style="position:relative">
- <label class="layui-form-label">濉厖閫忔槑搴�</label>
- <div class="layui-input-block" style="position: absolute;top: 16px">
- <div id="opacity-rectangle-fill" class="demo-slider"></div>
- </div>
- </div>
- <div class="layui-form-item">
- <label class="layui-form-label">鏄惁鏄剧ず杈规</label>
- <div class="layui-input-block">
- <input type="checkbox" lay-skin="switch" id="showRectangleOutline"
- lay-filter="showRectangleOutline" title="寮�鍏�">
- </div>
- </div>
- <div class="layui-form-item outline color">
- <label class="layui-form-label">杈规鑹�</label>
- <div class="layui-input-block">
- <div id="colorchk-rectangle-outline" style="display: inline-block;margin-top: 2px;"></div>
- </div>
- </div>
- <div class="layui-form-item outline" style="position:relative;">
- <label class="layui-form-label">杈规閫忔槑搴�</label>
- <div class="layui-input-block" style="position: absolute;top: 16px">
- <div id="opacity-rectangle-outline" class="demo-slider"></div>
- </div>
- </div>
- <div class="layui-form-item">
- <label class="layui-form-label">鏈�灏忓彲瑙嗚窛绂�</label>
- <div class="layui-input-block">
- <input type="number" name="minViewDistance" lay-verify="title" autocomplete="off"
- placeholder="0" onkeyup="value=value.replace(/[^\d\.]/g,'')" class="layui-input">
- </div>
- </div>
- <div class="layui-form-item" style="border: 1px #fff solid">
- <label class="layui-form-label">鏈�澶у彲瑙嗚窛绂�</label>
- <div class="layui-input-block">
- <input type="number" name="maxViewDistance" lay-verify="title" autocomplete="off"
- placeholder="0" onkeyup="value=value.replace(/[^\d\.]/g,'')" class="layui-input">
- </div>
- </div>
- </form>
- </div>
- <!--鍦嗗舰-->
- <div class="props ellipse" style="display: none">
- <form class="layui-form" action="">
- <div class="layui-form-item">
- <label class="layui-form-label">绫诲瀷</label>
- <div class="layui-input-block" style="line-height: 38px;">
- 鍦嗗舰
- </div>
- </div>
- <div class="layui-form-item">
- <label class="layui-form-label">鍚嶇О</label>
- <div class="layui-input-block">
- <input type="text" name="name" lay-verify="title" autocomplete="off" placeholder="0" value=""
- class="layui-input">
- </div>
- </div>
- <div class="layui-form-item">
- <label class="layui-form-label">鏄惁璐村湴</label>
- <div class="layui-input-block">
- <input type="checkbox" lay-skin="switch" id="showClampToGround_Ellipse"
- lay-filter="showClampToGround" title="寮�鍏�">
- </div>
- </div>
- <div class="layui-form-item height">
- <label class="layui-form-label">楂樺害</label>
- <div class="layui-input-block">
- <input type="number" name="height" lay-verify="title" autocomplete="off" placeholder="0"
- onkeyup="value=value.replace(/[^\d\.\-]/g,'')" class="layui-input">
- </div>
- </div>
- <div class="layui-form-item">
- <label class="layui-form-label">鍗婂緞</label>
- <div class="layui-input-block">
- <input type="number" name="radius" lay-verify="title" autocomplete="off" placeholder="0"
- onkeyup="value=value.replace(/[^\d\.]/g,'')" class="layui-input">
- </div>
- </div>
- <div class="layui-form-item color">
- <label class="layui-form-label">濉厖鑹�</label>
- <div class="layui-input-block">
- <div id="colorchk-ellipse-fill" style="display: inline-block;margin-top: 2px;"></div>
- </div>
- </div>
- <div class="layui-form-item" style="position:relative">
- <label class="layui-form-label">濉厖閫忔槑搴�</label>
- <div class="layui-input-block" style="position: absolute;top: 16px">
- <div id="opacity-ellipse-fill" class="demo-slider"></div>
- </div>
- </div>
- <div class="layui-form-item">
- <label class="layui-form-label">鏄惁鏄剧ず杈规</label>
- <div class="layui-input-block">
- <input type="checkbox" lay-skin="switch" id="showEllipseOutline" lay-filter="showEllipseOutline"
- title="寮�鍏�">
- </div>
- </div>
- <div class="layui-form-item outline color">
- <label class="layui-form-label">杈规鑹�</label>
- <div class="layui-input-block">
- <div id="colorchk-ellipse-outline" style="display: inline-block;margin-top: 2px;"></div>
- </div>
- </div>
- <div class="layui-form-item outline" style="position:relative;">
- <label class="layui-form-label">杈规閫忔槑搴�</label>
- <div class="layui-input-block" style="position: absolute;top: 16px">
- <div id="opacity-ellipse-outline" class="demo-slider"></div>
- </div>
- </div>
- <div class="layui-form-item">
- <label class="layui-form-label">鏈�灏忓彲瑙嗚窛绂�</label>
- <div class="layui-input-block">
- <input type="number" name="minViewDistance" lay-verify="title" autocomplete="off"
- placeholder="0" onkeyup="value=value.replace(/[^\d\.]/g,'')" class="layui-input">
- </div>
- </div>
- <div class="layui-form-item" style="border: 1px #fff solid">
- <label class="layui-form-label">鏈�澶у彲瑙嗚窛绂�</label>
- <div class="layui-input-block">
- <input type="number" name="maxViewDistance" lay-verify="title" autocomplete="off"
- placeholder="0" onkeyup="value=value.replace(/[^\d\.]/g,'')" class="layui-input">
- </div>
- </div>
- </form>
- </div>
- <!--澶氳竟浣�-->
- <div class="props ExtrudedPolygon" style="display: none">
- <form class="layui-form" action="">
- <div class="layui-form-item">
- <label class="layui-form-label">绫诲瀷</label>
- <div class="layui-input-block" style="line-height: 38px;">
- 澶氳竟浣�
- </div>
- </div>
- <div class="layui-form-item">
- <label class="layui-form-label">鍚嶇О</label>
- <div class="layui-input-block">
- <input type="text" name="name" lay-verify="title" autocomplete="off" placeholder="0" value=""
- class="layui-input">
- </div>
- </div>
- <div class="layui-form-item">
- <label class="layui-form-label">楂樺害</label>
- <div class="layui-input-block">
- <input type="number" name="height" lay-verify="title" autocomplete="off" placeholder="0"
- onkeyup="value=value.replace(/[^\d\.]/g,'')" class="layui-input">
- </div>
- </div>
- <div class="layui-form-item">
- <label class="layui-form-label">鎷変几楂樺害</label>
- <div class="layui-input-block">
- <input type="number" name="extrudedHeight" lay-verify="title" autocomplete="off" placeholder="0"
- onkeyup="value=value.replace(/[^\d\.]/g,'')" class="layui-input">
- </div>
- </div>
- <div class="layui-form-item color">
- <label class="layui-form-label">濉厖鑹�</label>
- <div class="layui-input-block">
- <div id="colorchk-ExtrudedPolygon-fill" style="display: inline-block;margin-top: 2px;"></div>
- </div>
- </div>
- <div class="layui-form-item" style="position:relative">
- <label class="layui-form-label">濉厖閫忔槑搴�</label>
- <div class="layui-input-block" style="position: absolute;top: 16px">
- <div id="opacity-ExtrudedPolygon-fill" class="demo-slider"></div>
- </div>
- </div>
- <div class="layui-form-item">
- <label class="layui-form-label">鏄惁鏄剧ず杈规</label>
- <div class="layui-input-block">
- <input type="checkbox" lay-skin="switch" id="showExtrudedPolygonOutline"
- lay-filter="showExtrudedPolygonOutline" title="寮�鍏�">
- </div>
- </div>
- <div class="layui-form-item outline color">
- <label class="layui-form-label">杈规鑹�</label>
- <div class="layui-input-block">
- <div id="colorchk-ExtrudedPolygon-outline" style="display: inline-block;margin-top: 2px;"></div>
- </div>
- </div>
- <div class="layui-form-item outline" style="position:relative;">
- <label class="layui-form-label">杈规閫忔槑搴�</label>
- <div class="layui-input-block" style="position: absolute;top: 16px">
- <div id="opacity-ExtrudedPolygon-outline" class="demo-slider"></div>
- </div>
- </div>
- <div class="layui-form-item">
- <label class="layui-form-label">鏈�灏忓彲瑙嗚窛绂�</label>
- <div class="layui-input-block">
- <input type="number" name="minViewDistance" lay-verify="title" autocomplete="off"
- placeholder="0" onkeyup="value=value.replace(/[^\d\.]/g,'')" class="layui-input">
- </div>
- </div>
- <div class="layui-form-item" style="border: 1px #fff solid">
- <label class="layui-form-label">鏈�澶у彲瑙嗚窛绂�</label>
- <div class="layui-input-block">
- <input type="number" name="maxViewDistance" lay-verify="title" autocomplete="off"
- placeholder="0" onkeyup="value=value.replace(/[^\d\.]/g,'')" class="layui-input">
- </div>
- </div>
- </form>
- </div>
- <!--绔嬫柟浣�-->
- <div class="props box" style="display: none">
- <form class="layui-form" action="">
- <div class="layui-form-item">
- <label class="layui-form-label">绫诲瀷</label>
- <div class="layui-input-block" style="line-height: 38px;">
- 绔嬫柟浣�
- </div>
- </div>
- <div class="layui-form-item">
- <label class="layui-form-label">鍚嶇О</label>
- <div class="layui-input-block">
- <input type="text" name="name" lay-verify="title" autocomplete="off" placeholder="0" value=""
- class="layui-input">
- </div>
- </div>
- <div class="layui-form-item">
- <label class="layui-form-label">闀�</label>
- <div class="layui-input-block">
- <input type="number" name="long" lay-verify="title" autocomplete="off" placeholder="0"
- onkeyup="value=value.replace(/[^\d\.]/g,'')" class="layui-input">
- </div>
- </div>
- <div class="layui-form-item">
- <label class="layui-form-label">瀹�</label>
- <div class="layui-input-block">
- <input type="number" name="width" lay-verify="title" autocomplete="off" placeholder="0"
- onkeyup="value=value.replace(/[^\d\.]/g,'')" class="layui-input">
- </div>
- </div>
- <div class="layui-form-item">
- <label class="layui-form-label">楂�</label>
- <div class="layui-input-block">
- <input type="number" name="height" lay-verify="title" autocomplete="off" placeholder="0"
- onkeyup="value=value.replace(/[^\d\.]/g,'')" class="layui-input">
- </div>
- </div>
- <div class="layui-form-item color">
- <label class="layui-form-label">濉厖鑹�</label>
- <div class="layui-input-block">
- <div id="colorchk-box-fill" style="display: inline-block;margin-top: 2px;"></div>
- </div>
- </div>
- <div class="layui-form-item" style="position:relative">
- <label class="layui-form-label">濉厖閫忔槑搴�</label>
- <div class="layui-input-block" style="position: absolute;top: 16px">
- <div id="opacity-box-fill" class="demo-slider"></div>
- </div>
- </div>
- <div class="layui-form-item">
- <label class="layui-form-label">鏄惁鏄剧ず杈规</label>
- <div class="layui-input-block">
- <input type="checkbox" lay-skin="switch" id="showBoxOutline" lay-filter="showBoxOutline"
- title="寮�鍏�">
- </div>
- </div>
- <div class="layui-form-item outline color">
- <label class="layui-form-label">杈规鑹�</label>
- <div class="layui-input-block">
- <div id="colorchk-box-outline" style="display: inline-block;margin-top: 2px;"></div>
- </div>
- </div>
- <div class="layui-form-item outline" style="position:relative;">
- <label class="layui-form-label">杈规閫忔槑搴�</label>
- <div class="layui-input-block" style="position: absolute;top: 16px">
- <div id="opacity-box-outline" class="demo-slider"></div>
- </div>
- </div>
- <div class="layui-form-item">
- <label class="layui-form-label">鏈�灏忓彲瑙嗚窛绂�</label>
- <div class="layui-input-block">
- <input type="number" name="minViewDistance" lay-verify="title" autocomplete="off"
- placeholder="0" onkeyup="value=value.replace(/[^\d\.]/g,'')" class="layui-input">
- </div>
- </div>
- <div class="layui-form-item" style="border: 1px #fff solid">
- <label class="layui-form-label">鏈�澶у彲瑙嗚窛绂�</label>
- <div class="layui-input-block">
- <input type="number" name="maxViewDistance" lay-verify="title" autocomplete="off"
- placeholder="0" onkeyup="value=value.replace(/[^\d\.]/g,'')" class="layui-input">
- </div>
- </div>
- </form>
- </div>
- <!--鍦嗘煴/閿ヤ綋-->
- <div class="props cylinder" style="display: none">
- <form class="layui-form" action="">
- <div class="layui-form-item">
- <label class="layui-form-label">绫诲瀷</label>
- <div class="layui-input-block cylinderType" style="line-height: 38px;">
- 鍦嗘煴浣�
- </div>
- </div>
- <div class="layui-form-item">
- <label class="layui-form-label">鍚嶇О</label>
- <div class="layui-input-block">
- <input type="text" name="name" lay-verify="title" autocomplete="off" placeholder="0" value=""
- class="layui-input">
- </div>
- </div>
- <div class="layui-form-item">
- <label class="layui-form-label">鍗婂緞</label>
- <div class="layui-input-block">
- <input type="number" name="radius" lay-verify="title" autocomplete="off" placeholder="0"
- onkeyup="value=value.replace(/[^\d\.]/g,'')" class="layui-input">
- </div>
- </div>
- <div class="layui-form-item topRadius">
- <label class="layui-form-label">椤堕儴鍗婂緞</label>
- <div class="layui-input-block">
- <input type="number" name="topRadius" lay-verify="title" autocomplete="off" placeholder="0"
- onkeyup="value=value.replace(/[^\d\.]/g,'')" class="layui-input">
- </div>
- </div>
- <div class="layui-form-item">
- <label class="layui-form-label">楂�</label>
- <div class="layui-input-block">
- <input type="number" name="height" lay-verify="title" autocomplete="off" placeholder="0"
- onkeyup="value=value.replace(/[^\d\.]/g,'')" class="layui-input">
- </div>
- </div>
- <div class="layui-form-item color">
- <label class="layui-form-label">濉厖鑹�</label>
- <div class="layui-input-block">
- <div id="colorchk-cylinder-fill" style="display: inline-block;margin-top: 2px;"></div>
- </div>
- </div>
- <div class="layui-form-item" style="position:relative">
- <label class="layui-form-label">濉厖閫忔槑搴�</label>
- <div class="layui-input-block" style="position: absolute;top: 16px">
- <div id="opacity-cylinder-fill" class="demo-slider"></div>
- </div>
- </div>
- <div class="layui-form-item">
- <label class="layui-form-label">鏄惁鏄剧ず杈规</label>
- <div class="layui-input-block">
- <input type="checkbox" lay-skin="switch" id="showCylinderOutline"
- lay-filter="showCylinderOutline" title="寮�鍏�">
- </div>
- </div>
- <div class="layui-form-item outline color">
- <label class="layui-form-label">杈规鑹�</label>
- <div class="layui-input-block">
- <div id="colorchk-cylinder-outline" style="display: inline-block;margin-top: 2px;"></div>
- </div>
- </div>
- <div class="layui-form-item outline" style="position:relative;">
- <label class="layui-form-label">杈规閫忔槑搴�</label>
- <div class="layui-input-block" style="position: absolute;top: 16px">
- <div id="opacity-cylinder-outline" class="demo-slider"></div>
- </div>
- </div>
- <div class="layui-form-item">
- <label class="layui-form-label">鏈�灏忓彲瑙嗚窛绂�</label>
- <div class="layui-input-block">
- <input type="number" name="minViewDistance" lay-verify="title" autocomplete="off"
- placeholder="0" onkeyup="value=value.replace(/[^\d\.]/g,'')" class="layui-input">
- </div>
- </div>
- <div class="layui-form-item" style="border: 1px #fff solid">
- <label class="layui-form-label">鏈�澶у彲瑙嗚窛绂�</label>
- <div class="layui-input-block">
- <input type="number" name="maxViewDistance" lay-verify="title" autocomplete="off"
- placeholder="0" onkeyup="value=value.replace(/[^\d\.]/g,'')" class="layui-input">
- </div>
- </div>
- </form>
- </div>
- <!--鐞冧綋-->
- <div class="props ellipsoid" style="display: none">
- <form class="layui-form" action="">
- <div class="layui-form-item">
- <label class="layui-form-label">绫诲瀷</label>
- <div class="layui-input-block" style="line-height: 38px;">
- 鐞冧綋
- </div>
- </div>
- <div class="layui-form-item">
- <label class="layui-form-label">鍚嶇О</label>
- <div class="layui-input-block">
- <input type="text" name="name" lay-verify="title" autocomplete="off" placeholder="0" value=""
- class="layui-input">
- </div>
- </div>
- <div class="layui-form-item">
- <label class="layui-form-label">鍗婂緞</label>
- <div class="layui-input-block">
- <input type="number" name="radius" lay-verify="title" autocomplete="off" placeholder="0"
- onkeyup="value=value.replace(/[^\d\.]/g,'')" class="layui-input">
- </div>
- </div>
- <div class="layui-form-item color">
- <label class="layui-form-label">濉厖鑹�</label>
- <div class="layui-input-block">
- <div id="colorchk-ellipsoid-fill" style="display: inline-block;margin-top: 2px;"></div>
- </div>
- </div>
- <div class="layui-form-item" style="position:relative">
- <label class="layui-form-label">濉厖閫忔槑搴�</label>
- <div class="layui-input-block" style="position: absolute;top: 16px">
- <div id="opacity-ellipsoid-fill" class="demo-slider"></div>
- </div>
- </div>
- <div class="layui-form-item">
- <label class="layui-form-label">鏄惁鏄剧ず杈规</label>
- <div class="layui-input-block">
- <input type="checkbox" lay-skin="switch" id="showEllipsoidOutline"
- lay-filter="showEllipsoidOutline" title="寮�鍏�">
- </div>
- </div>
- <div class="layui-form-item outline color">
- <label class="layui-form-label">杈规鑹�</label>
- <div class="layui-input-block">
- <div id="colorchk-ellipsoid-outline" style="display: inline-block;margin-top: 2px;"></div>
+ <!--绔嬫柟浣�-->
+ <div class="props box" style="display: none">
+ <form class="layui-form" action="">
+ <div class="layui-form-item">
+ <label class="layui-form-label">绫诲瀷</label>
+ <div class="layui-input-block" style="line-height: 38px;">
+ 绔嬫柟浣�
+ </div>
+ </div>
+ <div class="layui-form-item">
+ <label class="layui-form-label">鍚嶇О</label>
+ <div class="layui-input-block">
+ <input type="text" name="name" lay-verify="title" autocomplete="off" placeholder="0"
+ value="" class="layui-input">
+ </div>
+ </div>
+ <div class="layui-form-item">
+ <label class="layui-form-label">闀�</label>
+ <div class="layui-input-block">
+ <input type="number" name="long" lay-verify="title" autocomplete="off"
+ placeholder="0" onkeyup="value=value.replace(/[^\d\.]/g,'')"
+ class="layui-input">
+ </div>
+ </div>
+ <div class="layui-form-item">
+ <label class="layui-form-label">瀹�</label>
+ <div class="layui-input-block">
+ <input type="number" name="width" lay-verify="title" autocomplete="off"
+ placeholder="0" onkeyup="value=value.replace(/[^\d\.]/g,'')"
+ class="layui-input">
+ </div>
+ </div>
+ <div class="layui-form-item">
+ <label class="layui-form-label">楂�</label>
+ <div class="layui-input-block">
+ <input type="number" name="height" lay-verify="title" autocomplete="off"
+ placeholder="0" onkeyup="value=value.replace(/[^\d\.]/g,'')"
+ class="layui-input">
+ </div>
+ </div>
+ <div class="layui-form-item color">
+ <label class="layui-form-label">濉厖鑹�</label>
+ <div class="layui-input-block">
+ <div id="colorchk-box-fill" style="display: inline-block;margin-top: 2px;"></div>
+ </div>
+ </div>
+ <div class="layui-form-item" style="position:relative">
+ <label class="layui-form-label">濉厖閫忔槑搴�</label>
+ <div class="layui-input-block" style="position: absolute;top: 16px">
+ <div id="opacity-box-fill" class="demo-slider"></div>
+ </div>
+ </div>
+ <div class="layui-form-item">
+ <label class="layui-form-label">鏄惁鏄剧ず杈规</label>
+ <div class="layui-input-block">
+ <input type="checkbox" lay-skin="switch" id="showBoxOutline"
+ lay-filter="showBoxOutline" title="寮�鍏�">
+ </div>
+ </div>
+ <div class="layui-form-item outline color">
+ <label class="layui-form-label">杈规鑹�</label>
+ <div class="layui-input-block">
+ <div id="colorchk-box-outline" style="display: inline-block;margin-top: 2px;"></div>
+ </div>
+ </div>
+ <div class="layui-form-item outline" style="position:relative;">
+ <label class="layui-form-label">杈规閫忔槑搴�</label>
+ <div class="layui-input-block" style="position: absolute;top: 16px">
+ <div id="opacity-box-outline" class="demo-slider"></div>
+ </div>
+ </div>
+ <div class="layui-form-item">
+ <label class="layui-form-label">鏈�灏忓彲瑙嗚窛绂�</label>
+ <div class="layui-input-block">
+ <input type="number" name="minViewDistance" lay-verify="title" autocomplete="off"
+ placeholder="0" onkeyup="value=value.replace(/[^\d\.]/g,'')"
+ class="layui-input">
+ </div>
+ </div>
+ <div class="layui-form-item" style="border: 1px #fff solid">
+ <label class="layui-form-label">鏈�澶у彲瑙嗚窛绂�</label>
+ <div class="layui-input-block">
+ <input type="number" name="maxViewDistance" lay-verify="title" autocomplete="off"
+ placeholder="0" onkeyup="value=value.replace(/[^\d\.]/g,'')"
+ class="layui-input">
+ </div>
+ </div>
+ </form>
</div>
- </div>
- <div class="layui-form-item outline" style="position:relative;">
- <label class="layui-form-label">杈规閫忔槑搴�</label>
- <div class="layui-input-block" style="position: absolute;top: 16px">
- <div id="opacity-ellipsoid-outline" class="demo-slider"></div>
+ <!--鍦嗘煴/閿ヤ綋-->
+ <div class="props cylinder" style="display: none">
+ <form class="layui-form" action="">
+ <div class="layui-form-item">
+ <label class="layui-form-label">绫诲瀷</label>
+ <div class="layui-input-block cylinderType" style="line-height: 38px;">
+ 鍦嗘煴浣�
+ </div>
+ </div>
+ <div class="layui-form-item">
+ <label class="layui-form-label">鍚嶇О</label>
+ <div class="layui-input-block">
+ <input type="text" name="name" lay-verify="title" autocomplete="off" placeholder="0"
+ value="" class="layui-input">
+ </div>
+ </div>
+ <div class="layui-form-item">
+ <label class="layui-form-label">鍗婂緞</label>
+ <div class="layui-input-block">
+ <input type="number" name="radius" lay-verify="title" autocomplete="off"
+ placeholder="0" onkeyup="value=value.replace(/[^\d\.]/g,'')"
+ class="layui-input">
+ </div>
+ </div>
+ <div class="layui-form-item topRadius">
+ <label class="layui-form-label">椤堕儴鍗婂緞</label>
+ <div class="layui-input-block">
+ <input type="number" name="topRadius" lay-verify="title" autocomplete="off"
+ placeholder="0" onkeyup="value=value.replace(/[^\d\.]/g,'')"
+ class="layui-input">
+ </div>
+ </div>
+ <div class="layui-form-item">
+ <label class="layui-form-label">楂�</label>
+ <div class="layui-input-block">
+ <input type="number" name="height" lay-verify="title" autocomplete="off"
+ placeholder="0" onkeyup="value=value.replace(/[^\d\.]/g,'')"
+ class="layui-input">
+ </div>
+ </div>
+ <div class="layui-form-item color">
+ <label class="layui-form-label">濉厖鑹�</label>
+ <div class="layui-input-block">
+ <div id="colorchk-cylinder-fill" style="display: inline-block;margin-top: 2px;">
+ </div>
+ </div>
+ </div>
+ <div class="layui-form-item" style="position:relative">
+ <label class="layui-form-label">濉厖閫忔槑搴�</label>
+ <div class="layui-input-block" style="position: absolute;top: 16px">
+ <div id="opacity-cylinder-fill" class="demo-slider"></div>
+ </div>
+ </div>
+ <div class="layui-form-item">
+ <label class="layui-form-label">鏄惁鏄剧ず杈规</label>
+ <div class="layui-input-block">
+ <input type="checkbox" lay-skin="switch" id="showCylinderOutline"
+ lay-filter="showCylinderOutline" title="寮�鍏�">
+ </div>
+ </div>
+ <div class="layui-form-item outline color">
+ <label class="layui-form-label">杈规鑹�</label>
+ <div class="layui-input-block">
+ <div id="colorchk-cylinder-outline" style="display: inline-block;margin-top: 2px;">
+ </div>
+ </div>
+ </div>
+ <div class="layui-form-item outline" style="position:relative;">
+ <label class="layui-form-label">杈规閫忔槑搴�</label>
+ <div class="layui-input-block" style="position: absolute;top: 16px">
+ <div id="opacity-cylinder-outline" class="demo-slider"></div>
+ </div>
+ </div>
+ <div class="layui-form-item">
+ <label class="layui-form-label">鏈�灏忓彲瑙嗚窛绂�</label>
+ <div class="layui-input-block">
+ <input type="number" name="minViewDistance" lay-verify="title" autocomplete="off"
+ placeholder="0" onkeyup="value=value.replace(/[^\d\.]/g,'')"
+ class="layui-input">
+ </div>
+ </div>
+ <div class="layui-form-item" style="border: 1px #fff solid">
+ <label class="layui-form-label">鏈�澶у彲瑙嗚窛绂�</label>
+ <div class="layui-input-block">
+ <input type="number" name="maxViewDistance" lay-verify="title" autocomplete="off"
+ placeholder="0" onkeyup="value=value.replace(/[^\d\.]/g,'')"
+ class="layui-input">
+ </div>
+ </div>
+ </form>
</div>
- </div>
- <div class="layui-form-item">
- <label class="layui-form-label">鏈�灏忓彲瑙嗚窛绂�</label>
- <div class="layui-input-block">
- <input type="number" name="minViewDistance" lay-verify="title" autocomplete="off"
- placeholder="0" onkeyup="value=value.replace(/[^\d\.]/g,'')" class="layui-input">
+ <!--鐞冧綋-->
+ <div class="props ellipsoid" style="display: none">
+ <form class="layui-form" action="">
+ <div class="layui-form-item">
+ <label class="layui-form-label">绫诲瀷</label>
+ <div class="layui-input-block" style="line-height: 38px;">
+ 鐞冧綋
+ </div>
+ </div>
+ <div class="layui-form-item">
+ <label class="layui-form-label">鍚嶇О</label>
+ <div class="layui-input-block">
+ <input type="text" name="name" lay-verify="title" autocomplete="off" placeholder="0"
+ value="" class="layui-input">
+ </div>
+ </div>
+ <div class="layui-form-item">
+ <label class="layui-form-label">鍗婂緞</label>
+ <div class="layui-input-block">
+ <input type="number" name="radius" lay-verify="title" autocomplete="off"
+ placeholder="0" onkeyup="value=value.replace(/[^\d\.]/g,'')"
+ class="layui-input">
+ </div>
+ </div>
+ <div class="layui-form-item color">
+ <label class="layui-form-label">濉厖鑹�</label>
+ <div class="layui-input-block">
+ <div id="colorchk-ellipsoid-fill" style="display: inline-block;margin-top: 2px;">
+ </div>
+ </div>
+ </div>
+ <div class="layui-form-item" style="position:relative">
+ <label class="layui-form-label">濉厖閫忔槑搴�</label>
+ <div class="layui-input-block" style="position: absolute;top: 16px">
+ <div id="opacity-ellipsoid-fill" class="demo-slider"></div>
+ </div>
+ </div>
+ <div class="layui-form-item">
+ <label class="layui-form-label">鏄惁鏄剧ず杈规</label>
+ <div class="layui-input-block">
+ <input type="checkbox" lay-skin="switch" id="showEllipsoidOutline"
+ lay-filter="showEllipsoidOutline" title="寮�鍏�">
+ </div>
+ </div>
+ <div class="layui-form-item outline color">
+ <label class="layui-form-label">杈规鑹�</label>
+ <div class="layui-input-block">
+ <div id="colorchk-ellipsoid-outline" style="display: inline-block;margin-top: 2px;">
+ </div>
+ </div>
+ </div>
+ <div class="layui-form-item outline" style="position:relative;">
+ <label class="layui-form-label">杈规閫忔槑搴�</label>
+ <div class="layui-input-block" style="position: absolute;top: 16px">
+ <div id="opacity-ellipsoid-outline" class="demo-slider"></div>
+ </div>
+ </div>
+ <div class="layui-form-item">
+ <label class="layui-form-label">鏈�灏忓彲瑙嗚窛绂�</label>
+ <div class="layui-input-block">
+ <input type="number" name="minViewDistance" lay-verify="title" autocomplete="off"
+ placeholder="0" onkeyup="value=value.replace(/[^\d\.]/g,'')"
+ class="layui-input">
+ </div>
+ </div>
+ <div class="layui-form-item" style="border: 1px #fff solid">
+ <label class="layui-form-label">鏈�澶у彲瑙嗚窛绂�</label>
+ <div class="layui-input-block">
+ <input type="number" name="maxViewDistance" lay-verify="title" autocomplete="off"
+ placeholder="0" onkeyup="value=value.replace(/[^\d\.]/g,'')"
+ class="layui-input">
+ </div>
+ </div>
+ </form>
</div>
</div>
- <div class="layui-form-item" style="border: 1px #fff solid">
- <label class="layui-form-label">鏈�澶у彲瑙嗚窛绂�</label>
- <div class="layui-input-block">
- <input type="number" name="maxViewDistance" lay-verify="title" autocomplete="off"
- placeholder="0" onkeyup="value=value.replace(/[^\d\.]/g,'')" class="layui-input">
- </div>
+ <div class="layui-tab-item">
+ <table id="propData" lay-filter="propData"></table>
</div>
- </form>
+ </div>
</div>
</div>
+ <script type="text/html" id="toolbarDemo">
+ <div class="layui-btn-container">
+ <button class="layui-btn layui-btn-sm" lay-event="add">鏂板</button>
+ <button class="layui-btn layui-btn-sm" lay-event="remove">鍒犻櫎</button>
+ </div>
+ </script>
<script src="../layui/layui.js"></script>
<script>
- var Viewer = parent.Viewer;
+ var Viewer = parent.sgworld._Viewer;
var Cesium = parent.Cesium;
var PopupData = parent.SmartEarthPopupData;
var type = PopupData.propType;
var editGraphic = PopupData.editGraphic;
!editGraphic && (editGraphic = {});
- layui.use(['element', 'form', 'slider', 'colorpicker'], function () {
+ layui.use(['element', 'form', 'slider', 'colorpicker', 'table'], function () {
window.$ = layui.jquery;
window.element = layui.element; //Tab鐨勫垏鎹㈠姛鑳斤紝鍒囨崲浜嬩欢鐩戝惉绛夛紝闇�瑕佷緷璧杄lement妯″潡
+ window.table = layui.table;
window.form = layui.form;
window.slider = layui.slider;
window.colorpicker = layui.colorpicker;
@@ -1216,6 +1492,12 @@
$('#Attribute').find("." + type).show();
$('.props input[name="name"]').val(editGraphic.getValue('name'));
+ $('.props input[name="name"]').on('input propertychange', function (event) {
+ let value = $(this).val();
+ if (editGraphic.setValue) {
+ editGraphic.setValue('name', value);
+ }
+ })
let distanceDisplayCondition = editGraphic.getValue('distanceDisplayCondition');
$('.props input[name="minViewDistance"]').val(distanceDisplayCondition.near);
@@ -1236,6 +1518,123 @@
}
});
+ let scaleByDistance = editGraphic.getValue('scaleByDistance') || new Cesium.NearFarScalar(0, 1, distanceDisplayCondition.far, 0);
+ $('.props input[name="scaleByDistanceFar"]').val(scaleByDistance.far);
+ $('.props input[name="scaleByDistanceFar"]').on('input propertychange', function (event) {
+ var value = $(this).val();
+ scaleByDistance.far = value;
+ if (editGraphic.setValue) {
+ editGraphic.setValue('scaleByDistance', scaleByDistance);
+ editGraphic.labelGraphic && editGraphic.setValue('label_scaleByDistance', scaleByDistance);
+ }
+ });
+
+ //闅忓湴鍥剧缉鏀�
+ form.on('switch(isScaleByDistance)', function (data) {
+ var isShow = this.checked;
+ if (isShow) {
+ editGraphic.setValue('scaleByDistance', scaleByDistance);
+ editGraphic.labelGraphic && editGraphic.setValue('label_scaleByDistance', scaleByDistance);
+ } else {
+ editGraphic.setValue('scaleByDistance', undefined);
+ editGraphic.labelGraphic && editGraphic.setValue('label_scaleByDistance', undefined);
+ }
+ isShow ? $(".scaleByDistance").show() : $(".scaleByDistance").hide();
+ });
+ if (editGraphic.getValue('scaleByDistance')) {
+ $('.isScaleByDistance').next().click();
+ $('.isScaleByDistance').attr('value', 'on')
+ }
+
+ if (editGraphic.labelGraphic) {
+ let distanceDisplayCondition = editGraphic.getValue('label_distanceDisplayCondition');
+ $('.props input[name="label_minViewDistance"]').val(distanceDisplayCondition.near);
+ $('.props input[name="label_minViewDistance"]').on('input propertychange', function (event) {
+ var value = $(this).val();
+ distanceDisplayCondition.near = value;
+ if (editGraphic.setValue) {
+ editGraphic.setValue('label_distanceDisplayCondition', distanceDisplayCondition);
+ }
+ });
+
+ $('.props input[name="label_maxViewDistance"]').val(distanceDisplayCondition.far);
+ $('.props input[name="label_maxViewDistance"]').on('input propertychange', function (event) {
+ var value = $(this).val();
+ distanceDisplayCondition.far = value;
+ if (editGraphic.setValue) {
+ editGraphic.setValue('label_distanceDisplayCondition', distanceDisplayCondition);
+ }
+ });
+ }
+
+
+ let data = editGraphic.entity.properties;
+ !data && (data = new Cesium.PropertyBag())
+
+ let tabelData = [];
+ for (let i = 0; i < data.propertyNames.length; i++) {
+ let key = data.propertyNames[i];
+ tabelData.push({
+ key,
+ value: data[key]
+ })
+ }
+ if (!tabelData.length) {
+ tabelData.push({
+ key: 'name',
+ value: editGraphic.entity.name
+ })
+ }
+
+ table.render({
+ elem: '#propData',
+ toolbar: '#toolbarDemo',
+ defaultToolbar: [],
+ editTrigger: 'dblclick', // 瑙﹀彂缂栬緫鐨勪簨浠剁被鍨嬶紙榛樿 click 锛夈�� v2.7.0 鏂板锛屼箣鍓嶇増鏈浐瀹氫负鍗曞嚮瑙﹀彂
+ cols: [[ //鏍囬鏍�
+ { type: 'checkbox', fixed: 'left' },
+ { field: 'key', title: '灞炴��', width: 116, sort: true, edit: 'text' }
+ , { field: 'value', title: '灞炴�у��', width: 151, edit: 'text' }
+ ]]
+ , data: tabelData
+ })
+
+ // 鍗曞厓鏍肩紪杈戝悗鐨勪簨浠�
+ table.on('edit(propData)', function (obj) {
+ tabelData = table.cache.propData;
+ editGraphic.entity.propData = tabelData;
+ });
+
+ //澶村伐鍏锋爮浜嬩欢
+ table.on('toolbar(propData)', function (obj) {
+ let checkStatus = table.checkStatus(obj.config.id); //鑾峰彇閫変腑琛岀姸鎬�
+ let data = checkStatus.data;
+ let checked = [];
+ data.forEach(item => {
+ checked.push(item.key);
+ })
+ switch (obj.event) {
+ case 'add':
+ tabelData.push({
+ key: '',
+ value: ''
+ })
+ break;
+ case 'remove':
+ for (let i = 0; i < tabelData.length; i++) {
+ if (checked.includes(tabelData[i].key)) {
+ tabelData.splice(i, 1);
+ i--;
+ }
+ }
+ break;
+ };
+ table.reload('propData', {
+ data: tabelData
+ })
+ editGraphic.entity.propData = tabelData;
+ });
+
switch (type) {
case 'point':
$('.point input[name="size"]').val(editGraphic.getValue('pixelSize'));
@@ -1248,6 +1647,11 @@
$('.billboard input[name="rotation"]').val(editGraphic.getValue('rotation'));
$('.billboard input[name="width"]').val(editGraphic.getValue('width'));
$('.billboard input[name="height"]').val(editGraphic.getValue('height'));
+
+ $('.billboard input[name="label_scale"]').val(editGraphic.getValue('label_scale'));
+ $('.billboard input[name="label_text"]').val(editGraphic.getValue('label_text'));
+ $('.billboard input[name="label_font"]').val(editGraphic.getValue('label_font'));
+ $('.billboard input[name="label_outlineWidth"]').val(editGraphic.getValue('label_outlineWidth'));
billboardProp();
break;
case 'label':
@@ -1268,6 +1672,7 @@
modelProp();
break;
case 'polyline':
+ $('.polyline input[name="outlineWidth"]').val(editGraphic.getValue('material').outlineWidth);
polylineProp();
$('.polyline input[name="width"]').val(editGraphic.getValue('width'));
$('.polyline input[name="outlineWidth"]').val(editGraphic.getValue('material').outlineWidth);
@@ -1503,13 +1908,184 @@
var isShow = this.checked;
if (isShow) {
editGraphic.setValue('disableDepthTestDistance', Number.POSITIVE_INFINITY);
+ editGraphic.setValue('label_disableDepthTestDistance', Number.POSITIVE_INFINITY);
} else {
editGraphic.setValue('disableDepthTestDistance', undefined);
+ editGraphic.setValue('label_disableDepthTestDistance', undefined);
}
});
if (editGraphic.getValue('disableDepthTestDistance') === Number.POSITIVE_INFINITY) {
$('#isBillboardDisableDepthTest').next().click();
$('#isBillboardDisableDepthTest').attr('value', 'on')
+ }
+
+ //鏄剧ず娉ㄨ
+ form.on('switch(showLabel)', function (data) {
+ var isShow = this.checked;
+ editGraphic.setValue('showLabel', isShow);
+ isShow ? $(".billboardLabel").show() : $(".billboardLabel").hide()
+ });
+ if (editGraphic.getValue('label_show')) {
+ $('#showLabel').next().click();
+ $('#showLabel').attr('value', 'on')
+ }
+
+ //瀛椾綋
+ $('.billboard input[name="label_font"]').on('blur', function (event) {
+ var value = $(this).val();
+ if (value === '') return;
+ if (editGraphic.setValue) {
+ editGraphic.setValue('label_font', value);
+ }
+ });
+
+ //鍐呭
+ $('.billboard input[name="label_text"]').on('input propertychange', function (event) {
+ var value = $(this).val();
+ if (editGraphic.setValue) {
+ editGraphic.setValue('label_text', value);
+ }
+ });
+
+ //姣斾緥
+ $('.billboard input[name="label_scale"]').on('input propertychange', function (event) {
+ var value = $(this).val().replace(/[^\d\.]/g, '');
+ if (value === '' || value === '.') return;
+ if (editGraphic.setValue) {
+ editGraphic.setValue('label_scale', parseFloat(value));
+ }
+ });
+ //杈规瀹�
+ $('.billboard input[name="label_outlineWidth"]').on('input propertychange', function (event) {
+ var value = $(this).val().replace(/[^\d\.]/g, '');
+ if (value === '' || value === '.') return;
+ if (editGraphic.setValue) {
+ editGraphic.setValue('label_outlineWidth', parseFloat(value));
+ }
+ });
+
+ let label_horizontalOrigin = editGraphic.getValue('label_horizontalOrigin');
+ $(`.billboard .label_horizontalOrigin option[value="${label_horizontalOrigin}"]`).attr('selected', true);
+
+ //姘村钩瀵归綈
+ form.on('select(label_horizontalOrigin)', function (data) {
+ var value = parseInt(data.value);
+ if (editGraphic.setValue) {
+ editGraphic.setValue('label_horizontalOrigin', value);
+ }
+ });
+
+ let label_verticalOrigin = editGraphic.getValue('label_verticalOrigin');
+ $(`.billboard .label_verticalOrigin option[value="${label_verticalOrigin}"]`).attr('selected', true);
+ form.render('select');
+
+ //鍨傜洿瀵归綈
+ form.on('select(label_verticalOrigin)', function (data) {
+ var value = parseInt(data.value);
+ if (editGraphic.setValue) {
+ editGraphic.setValue('label_verticalOrigin', value);
+ }
+ });
+
+ //濉厖鑹查�忔槑搴�
+ slider.render({
+ elem: '#opacity-img-label-fill'
+ , min: 0 //鏈�灏忓��
+ , max: 100 //鏈�澶у��
+ , value: editGraphic.label_alpha
+ , change: function (value) {
+ editGraphic.label_alpha = value;
+ editGraphic.setValue('label_alpha', value / 100);
+ }
+ });
+
+ //杈规閫忔槑搴�
+ slider.render({
+ elem: '#opacity-img-label-outline'
+ , min: 0 //鏈�灏忓��
+ , max: 100 //鏈�澶у��
+ , value: editGraphic.label_outlineAlpha
+ , change: function (value) {
+ editGraphic.label_outlineAlpha = value;
+ editGraphic.setValue('label_outlineAlpha', value / 100);
+ }
+ });
+
+ //鑳屾櫙閫忔槑搴�
+ slider.render({
+ elem: '#opacity-img-label-background'
+ , min: 0 //鏈�灏忓��
+ , max: 100 //鏈�澶у��
+ , value: editGraphic.label_backgroundAlpha
+ , change: function (value) {
+ editGraphic.label_backgroundAlpha = value;
+ editGraphic.setValue('label_backgroundAlpha', value / 100);
+ }
+ });
+
+ //濉厖鑹�
+ colorpicker.render({
+ elem: '#colorchk-img-label-fill'
+ , color: editGraphic.label_fillColor //璁剧疆榛樿鑹�
+ , done: function (color) {
+ editGraphic.label_fillColor = color;
+ editGraphic.labelGraphic.fillColor.setValue(new Cesium.Color.fromCssColorString(editGraphic.label_fillColor).withAlpha(editGraphic.label_alpha / 100));
+ }
+ });
+
+ //杈规鑹�
+ colorpicker.render({
+ elem: '#colorchk-img-label-outline'
+ , color: editGraphic.label_outlineColor //璁剧疆榛樿鑹�
+ , done: function (color) {
+ editGraphic.label_outlineColor = color;
+ editGraphic.labelGraphic.outlineColor.setValue(new Cesium.Color.fromCssColorString(editGraphic.label_outlineColor).withAlpha(editGraphic.label_outlineAlpha / 100));
+ }
+ });
+
+ //鑳屾櫙鑹�
+ colorpicker.render({
+ elem: '#colorchk-img-label-background'
+ , color: editGraphic.label_backgroundColor //璁剧疆榛樿鑹�
+ , done: function (color) {
+ editGraphic.label_backgroundColor = color;
+ editGraphic.labelGraphic.backgroundColor.setValue(new Cesium.Color.fromCssColorString(editGraphic.label_backgroundColor).withAlpha(editGraphic.label_backgroundAlpha / 100));
+ }
+ });
+
+ //鏄惁鏄剧ず杈规
+ form.on('switch(showLabelOutline)', function (data) {
+ var isShow = this.checked;
+ if (isShow) {
+ $('.outline').show();
+
+ let value = $('.label input[name="label_outlineWidth"]').val();
+ value = parseFloat(value);
+ value == 0 && (value = 1, $('.label input[name="label_outlineWidth"]').val(1));
+ editGraphic.setValue('label_outlineWidth', value);
+ } else {
+ $('.outline').hide();
+ editGraphic.setValue('label_outlineWidth', 0);
+ }
+ });
+ if (editGraphic.getValue('label_outlineWidth') != 0) {
+ $('#showLabelOutline').next().click();
+ $('#showLabelOutline').attr('value', 'on')
+ }
+
+ //鏄惁鏄剧ず鑳屾櫙
+ form.on('switch(showLabelBackground)', function (data) {
+ var isShow = this.checked;
+ if (isShow) {
+ $('.background').show();
+ } else {
+ $('.background').hide();
+ }
+ editGraphic.setValue('label_showBackground', isShow);
+ });
+ if (editGraphic.getValue('label_showBackground')) {
+ $('#showLabelBackground').next().click();
+ $('#showLabelBackground').attr('value', 'on')
}
}
@@ -1527,6 +2103,7 @@
//鍐呭
$('.label input[name="text"]').on('input propertychange', function (event) {
var value = $(this).val();
+ while (value.indexOf("\\n") >= 0) { value = value.replace("\\n", "\n"); }
if (editGraphic.setValue) {
editGraphic.setValue('text', value);
}
@@ -1947,6 +2524,11 @@
//鏄惁璐村湴
form.on('switch(showClampToGround)', function (data) {
editGraphic.setValue('clampToGround', this.checked);
+ if (!this.checked) {
+ $('.showBoundary').show();
+ } else {
+ $('.showBoundary').hide();
+ }
});
if (editGraphic.getValue('heightReference') === Cesium.HeightReference.CLAMP_TO_GROUND) {
$('#showClampToGround_Polygon').next().click();
@@ -2041,6 +2623,11 @@
return;
}
editGraphic.setValue('clampToGround', this.checked);
+ if (!this.checked) {
+ $('.showBoundary').show();
+ } else {
+ $('.showBoundary').hide();
+ }
editGraphic.getValue('height') && $('.rectangle input[name="height"]').val(editGraphic.getValue('height'))
this.checked ? $('.rectangle .height').hide() : $('.rectangle .height').show();
});
@@ -2139,6 +2726,11 @@
return;
}
editGraphic.setValue('clampToGround', this.checked);
+ if (!this.checked) {
+ $('.showBoundary').show();
+ } else {
+ $('.showBoundary').hide();
+ }
editGraphic.getValue('height') && $('.ellipse input[name="height"]').val(editGraphic.getValue('height'))
this.checked ? $('.ellipse .height').hide() : $('.ellipse .height').show();
});
@@ -2546,9 +3138,20 @@
return _this;
}
}
+
+ // 椤甸潰鍔犺浇鏃舵粴鍔ㄥ綊0
+ window.addEventListener("load", function (event) {
+ sessionStorage.setItem('scrollTop', 0)
+ });
+
+ // 鑾峰彇椤甸潰婊氬姩楂樺害
+ window.addEventListener('scroll', function () {
+ var p = document.documentElement.scrollTop
+ sessionStorage.setItem('scrollTop', p)
+ })
</script>
</body>
-</html>
+</html>
\ No newline at end of file
--
Gitblit v1.9.3