|
|
@@ -57,7 +57,16 @@
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
</div>
|
|
|
-
|
|
|
+ <div v-show="value=='点标绘类'">
|
|
|
+ <el-row :gutter="20" style="margin-left: 0rem; margin-right: 0rem">
|
|
|
+ <el-col v-for="(item,index) in point" :span="8" @click="createDrawPoint(item.drawType,index)">
|
|
|
+ <el-avatar shape="circle" :size="70" :class="currentIndex===index?'selectStyle':'defaultStyle'">
|
|
|
+ <i :class="[item.icon,currentIndex===index?'selectFontStyle':'']" />
|
|
|
+ </el-avatar>
|
|
|
+ <div style="margin-top: 5rem; font-size: 14rem;" :class="currentIndex===index?'selectFontStyle':''">{{item.label}}</div>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
|
@@ -73,6 +82,9 @@
|
|
|
currentIndex: -1,
|
|
|
value: "二维平面类",
|
|
|
options: [{
|
|
|
+ value: '点标绘类',
|
|
|
+ label: '点标绘类',
|
|
|
+ }, {
|
|
|
value: '二维平面类',
|
|
|
label: '二维平面类',
|
|
|
},
|
|
|
@@ -196,7 +208,43 @@
|
|
|
number: 3,
|
|
|
icon: 'iconfont icon-qianji'
|
|
|
}
|
|
|
- ]
|
|
|
+ ],
|
|
|
+ point: [{
|
|
|
+ label: '小模型',
|
|
|
+ drawType: 'model',
|
|
|
+ number: 1,
|
|
|
+ icon: 'iconfont icon-jihedi'
|
|
|
+ }, {
|
|
|
+ label: '文字',
|
|
|
+ drawType: 'label',
|
|
|
+ number: 2,
|
|
|
+ icon: 'iconfont icon-jihedi'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: '点',
|
|
|
+ drawType: 'point',
|
|
|
+ number: 3,
|
|
|
+ icon: 'iconfont icon-jihedi'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: '点及文字',
|
|
|
+ drawType: 'point2Label',
|
|
|
+ number: 4,
|
|
|
+ icon: 'iconfont icon-jihedi'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: '广告牌',
|
|
|
+ drawType: 'billboard',
|
|
|
+ number: 5,
|
|
|
+ icon: 'iconfont icon-jihedi'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: '广告牌及文字',
|
|
|
+ drawType: 'billboard2Label',
|
|
|
+ number: 6,
|
|
|
+ icon: 'iconfont icon-jihedi'
|
|
|
+ }
|
|
|
+ ],
|
|
|
}
|
|
|
},
|
|
|
|
|
|
@@ -204,8 +252,10 @@
|
|
|
methods: {
|
|
|
//清除全部
|
|
|
removeAll() {
|
|
|
- jt3d.DrawToolsEdit.Clear()
|
|
|
- jt3d.DrawMilitaryPlot.clearAll()
|
|
|
+ jt3d.DrawToolsEdit.Clear();
|
|
|
+ jt3d.DrawMilitaryPlot.clearAll();
|
|
|
+ jt3d.DrawPointEdit.clearAll();
|
|
|
+
|
|
|
this.currentIndex = -1;
|
|
|
|
|
|
//还原左键单击事件
|
|
|
@@ -240,6 +290,7 @@
|
|
|
}
|
|
|
});
|
|
|
},
|
|
|
+
|
|
|
//创建二维标会和三维标会
|
|
|
createGraphics(type, index) {
|
|
|
let _self = this;
|
|
|
@@ -262,6 +313,30 @@
|
|
|
console.log('错误原因', message)
|
|
|
}
|
|
|
});
|
|
|
+ },
|
|
|
+
|
|
|
+ //创建点类标绘
|
|
|
+ createDrawPoint(type, index) {
|
|
|
+ let _self = this;
|
|
|
+ this.currentIndex = index;
|
|
|
+
|
|
|
+ //移除左键单击事件
|
|
|
+ if (jt3d.handlerLeftClick) {
|
|
|
+ jt3d.handlerLeftClick.removeInputAction(Cesium.ScreenSpaceEventType.LEFT_CLICK);
|
|
|
+ }
|
|
|
+
|
|
|
+ /* 创建监听 */
|
|
|
+ jt3d.DrawPointEdit.onEditProperty = {};
|
|
|
+ // 开始绘制
|
|
|
+ jt3d.DrawPointEdit.draw(type, {
|
|
|
+ isEdit: true,
|
|
|
+ onComplete(cPoint, gPoint) {
|
|
|
+
|
|
|
+ },
|
|
|
+ onError(message) {
|
|
|
+ console.log('错误原因', message)
|
|
|
+ }
|
|
|
+ });
|
|
|
}
|
|
|
|
|
|
},
|
|
|
@@ -272,12 +347,13 @@
|
|
|
</script>
|
|
|
|
|
|
<style lang="scss" scoped>
|
|
|
- .el-avatar{
|
|
|
+ .el-avatar {
|
|
|
width: 70rem !important;
|
|
|
height: 70rem !important;
|
|
|
font-size: 14px !important;
|
|
|
cursor: pointer;
|
|
|
}
|
|
|
+
|
|
|
// .el-popper{
|
|
|
// padding: 5rem 11rem;
|
|
|
// font-size: 12rem;
|
|
|
@@ -288,18 +364,19 @@
|
|
|
// left: 15rem !important;
|
|
|
// top: 175rem !important;
|
|
|
// }
|
|
|
-
|
|
|
- ::v-deep .el-scrollbar{
|
|
|
+
|
|
|
+ ::v-deep .el-scrollbar {
|
|
|
background-color: gainsboro !important;
|
|
|
}
|
|
|
- .el-select-dropdown__item{
|
|
|
+
|
|
|
+ .el-select-dropdown__item {
|
|
|
color: #409eff !important;
|
|
|
padding: 0 32rem 0 20rem;
|
|
|
height: 34rem;
|
|
|
line-height: 34rem;
|
|
|
- font-size:14rem;
|
|
|
+ font-size: 14rem;
|
|
|
}
|
|
|
-
|
|
|
+
|
|
|
.jt-drawTool {
|
|
|
--el-avatar-size: 70rem !important;
|
|
|
|
