Skip to content

蒋波涛 / super_globe_vue

Go to a project
Toggle navigation
Toggle navigation pinning
8e7bd3ba by chiangbt
Options

20191205

1 parent a3c28eee
Inline Side-by-side
Showing 2 changed files with 4 additions and 92 deletions
...@@ -35,14 +35,6 @@ ...@@ -35,14 +35,6 @@
35 </div> 35 </div>
36 <div id="toolbar" class="param-container tool-bar"> 36 <div id="toolbar" class="param-container tool-bar">
37 <div class="param-item"> 37 <div class="param-item">
38 <label>颜色透明</label>
39 <input class="colorPicker" size="8" data-bind="value: color,valueUpdate: 'input'" id="colorPicker">
40 </div>
41 <div class="param-item">
42 <label>颜色透明容限</label>
43 <input type="range" min="0" max="1" step="0.02" data-bind="value: tolerance,valueUpdate: 'input'" id="tolerance" style="display: block;width:200px;margin: 5px 0">
44 </div>
45 <div class="param-item">
46 <button type="button" id="area" class="button black">测面</button> 38 <button type="button" id="area" class="button black">测面</button>
47 <button type="button" id="draw" class="button black">绘面</button> 39 <button type="button" id="draw" class="button black">绘面</button>
48 <button type="button" id="begin" class="button black">淹没分析</button> 40 <button type="button" id="begin" class="button black">淹没分析</button>
...@@ -215,33 +207,6 @@ export default { ...@@ -215,33 +207,6 @@ export default {
215 handlerArea && handlerArea.deactivate(); 207 handlerArea && handlerArea.deactivate();
216 } 208 }
217 209
218 // 颜色及透明度设置
219 $("#colorPicker").spectrum({
220 color: "rgba(255,255,255)",
221 showPalette: true,
222 showAlpha: true,
223 localStorageKey: "spectrum.demo"
224 // palette: palette
225 });
226 var viewModel = {
227 color : "#ffffff",
228 tolerance : 0
229 };
230 Cesium.knockout.track(viewModel);
231 // 通过toolbar的控件控制地图图层的展示
232 var toolbar = document.getElementById("toolbar");
233 Cesium.knockout.applyBindings(viewModel, toolbar);
234 Cesium.knockout.getObservable(viewModel, "color").subscribe(
235 function(newValue) {
236 var selectedColor = Cesium.Color.fromCssColorString(newValue);
237 layer.transperantBackColor = selectedColor;
238 }
239 );
240 Cesium.knockout.getObservable(viewModel, "tolerance").subscribe(
241 function(newValue) {
242 layer.transperantBackColorTolerance = newValue;
243 }
244 );
245 $("#loadingbar").remove(); 210 $("#loadingbar").remove();
246 $("#toolbar").show(); 211 $("#toolbar").show();
247 } 212 }
......
...@@ -6,66 +6,13 @@ ...@@ -6,66 +6,13 @@
6 * @FilePath: \superglobevue\src\views\Home.vue 6 * @FilePath: \superglobevue\src\views\Home.vue
7 --> 7 -->
8 <template> 8 <template>
9 <el-container style="height: 100%; border: 1px solid #eee"> 9 <div id="map">
10 <el-container> 10 <viewer></viewer>
11 <el-header style="text-align: left; font-size: 28px"> 11 </div>
12 <i class="el-icon-map-location"></i>三维
13 </el-header>
14 <el-main>
15 <el-aside width="66px" style="background-color: white">
16 <el-menu default-active="1-4-1" class="el-menu-vertical-demo" :collapse="isCollapse">
17 <el-submenu index="1">
18 <template slot="title">
19 <i class="el-icon-location"></i>
20 <span slot="title">地图操作</span>
21 </template>
22 <el-menu-item-group>
23 <span slot="title">分组一</span>
24 <el-menu-item index="1-1">选项1</el-menu-item>
25 <el-menu-item index="1-2">选项2</el-menu-item>
26 </el-menu-item-group>
27 <el-menu-item-group title="分组2">
28 <el-menu-item index="1-3">选项3</el-menu-item>
29 </el-menu-item-group>
30 <el-submenu index="1-4">
31 <span slot="title">选项4</span>
32 <el-menu-item index="1-4-1">选项1</el-menu-item>
33 </el-submenu>
34 </el-submenu>
35 <el-menu-item index="2">
36 <i class="el-icon-menu"></i>
37 <span slot="title">空间查询</span>
38 </el-menu-item>
39 <el-submenu index="3">
40 <template slot="title">
41 <i class="el-icon-location"></i>
42 <span slot="title">地图操作</span>
43 </template>
44 <el-menu-item-group>
45 <span slot="title">分组一</span>
46 <el-menu-item index="3-1">淹没分析</el-menu-item>
47 <el-menu-item index="3-2">选项2</el-menu-item>
48 </el-menu-item-group>
49 <el-menu-item-group title="分组2">
50 <el-menu-item index="3-3">选项3</el-menu-item>
51 </el-menu-item-group>
52 <el-submenu index="3-4">
53 <span slot="title">选项4</span>
54 <el-menu-item index="3-4-1">选项1</el-menu-item>
55 </el-submenu>
56 </el-submenu>
57 </el-menu>
58 </el-aside>
59 <div id="map">
60 <viewer></viewer>
61 </div>
62 </el-main>
63 </el-container>
64 </el-container>
65 </template> 12 </template>
66 13
67 <script> 14 <script>
68 import viewer from "@/components/viewer_s3m_single.vue"; 15 import viewer from "@/components/viewer_ymo.vue";
69 16
70 export default { 17 export default {
71 name: "home", 18 name: "home",
......