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 @@
</div>
<div id="toolbar" class="param-container tool-bar">
<div class="param-item">
<label>颜色透明</label>
<input class="colorPicker" size="8" data-bind="value: color,valueUpdate: 'input'" id="colorPicker">
</div>
<div class="param-item">
<label>颜色透明容限</label>
<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">
</div>
<div class="param-item">
<button type="button" id="area" class="button black">测面</button>
<button type="button" id="draw" class="button black">绘面</button>
<button type="button" id="begin" class="button black">淹没分析</button>
......@@ -215,33 +207,6 @@ export default {
handlerArea && handlerArea.deactivate();
}
// 颜色及透明度设置
$("#colorPicker").spectrum({
color: "rgba(255,255,255)",
showPalette: true,
showAlpha: true,
localStorageKey: "spectrum.demo"
// palette: palette
});
var viewModel = {
color : "#ffffff",
tolerance : 0
};
Cesium.knockout.track(viewModel);
// 通过toolbar的控件控制地图图层的展示
var toolbar = document.getElementById("toolbar");
Cesium.knockout.applyBindings(viewModel, toolbar);
Cesium.knockout.getObservable(viewModel, "color").subscribe(
function(newValue) {
var selectedColor = Cesium.Color.fromCssColorString(newValue);
layer.transperantBackColor = selectedColor;
}
);
Cesium.knockout.getObservable(viewModel, "tolerance").subscribe(
function(newValue) {
layer.transperantBackColorTolerance = newValue;
}
);
$("#loadingbar").remove();
$("#toolbar").show();
}
......
......@@ -6,66 +6,13 @@
* @FilePath: \superglobevue\src\views\Home.vue
-->
<template>
<el-container style="height: 100%; border: 1px solid #eee">
<el-container>
<el-header style="text-align: left; font-size: 28px">
<i class="el-icon-map-location"></i>三维
</el-header>
<el-main>
<el-aside width="66px" style="background-color: white">
<el-menu default-active="1-4-1" class="el-menu-vertical-demo" :collapse="isCollapse">
<el-submenu index="1">
<template slot="title">
<i class="el-icon-location"></i>
<span slot="title">地图操作</span>
</template>
<el-menu-item-group>
<span slot="title">分组一</span>
<el-menu-item index="1-1">选项1</el-menu-item>
<el-menu-item index="1-2">选项2</el-menu-item>
</el-menu-item-group>
<el-menu-item-group title="分组2">
<el-menu-item index="1-3">选项3</el-menu-item>
</el-menu-item-group>
<el-submenu index="1-4">
<span slot="title">选项4</span>
<el-menu-item index="1-4-1">选项1</el-menu-item>
</el-submenu>
</el-submenu>
<el-menu-item index="2">
<i class="el-icon-menu"></i>
<span slot="title">空间查询</span>
</el-menu-item>
<el-submenu index="3">
<template slot="title">
<i class="el-icon-location"></i>
<span slot="title">地图操作</span>
</template>
<el-menu-item-group>
<span slot="title">分组一</span>
<el-menu-item index="3-1">淹没分析</el-menu-item>
<el-menu-item index="3-2">选项2</el-menu-item>
</el-menu-item-group>
<el-menu-item-group title="分组2">
<el-menu-item index="3-3">选项3</el-menu-item>
</el-menu-item-group>
<el-submenu index="3-4">
<span slot="title">选项4</span>
<el-menu-item index="3-4-1">选项1</el-menu-item>
</el-submenu>
</el-submenu>
</el-menu>
</el-aside>
<div id="map">
<viewer></viewer>
</div>
</el-main>
</el-container>
</el-container>
<div id="map">
<viewer></viewer>
</div>
</template>
<script>
import viewer from "@/components/viewer_s3m_single.vue";
import viewer from "@/components/viewer_ymo.vue";
export default {
name: "home",
......