zh/sdk4.0
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

修改自定义颜色插件

Browse Source
This commit is contained in:
zh
2025-07-16 15:02:18 +08:00
parent a43c71d94e
commit ea7feea226
47 changed files with 2109 additions and 1982 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
src/Obj/Base/EllipseObject/index.js
View File

@ -47,7 +47,7 @@ class EllipseObject extends Base {
this.options.center = options.center || {}
this.options.line = options.line || {}
this.options.line.width = ((this.options.line.width || this.options.line.width === 0) ? this.options.line.width : 3)
this.options.line.color = this.options.line.color || '#ff000080'
this.options.line.color = this.options.line.color || 'rgba(255, 0, 0, 0.5)'
this.options['area-unit'] = options['area-unit'] || '平方米'
options.label = options.label || {}
this._elms = {};
@ -229,7 +229,7 @@ class EllipseObject extends Base {
return this.options.color
}
set color(v) {
this.options.color = v || '#ff000080'
this.options.color = v || 'rgba(255, 0, 0, 0.5)'
if (!this.sdk || !this.sdk.viewer || !this.entity || !this.entity.polygon) {
return
}
@ -243,7 +243,7 @@ class EllipseObject extends Base {
this.entity.polyline.width = this.lineWidth
if (this._elms.color) {
this._elms.color.forEach((item, i) => {
let colorPicker = new ewPlugins('colorpicker', {
let colorPicker = new YJColorPicker({
el: item.el,
size: 'mini',//颜色box类型
alpha: true,//是否开启透明度
@ -266,14 +266,14 @@ class EllipseObject extends Base {
return this.options.line.color
}
set lineColor(v) {
this.options.line.color = v || '#ff000080'
this.options.line.color = v || 'rgba(255, 0, 0, 0.5)'
if (!this.sdk || !this.sdk.viewer || !this.entity || !this.entity.polyline) {
return
}
this.entity.polyline.material = Cesium.Color.fromCssColorString(this.options.line.color)
if (this._elms.lineColor) {
this._elms.lineColor.forEach((item, i) => {
let lineColorPicker = new ewPlugins('colorpicker', {
let lineColorPicker = new YJColorPicker({
el: item.el,
size: 'mini',//颜色box类型
alpha: true,//是否开启透明度
@ -381,7 +381,7 @@ class EllipseObject extends Base {
this.label.color = v
if (this._elms.labelColor) {
this._elms.labelColor.forEach((item, i) => {
let labelColorPicker = new ewPlugins('colorpicker', {
let labelColorPicker = new YJColorPicker({
el: item.el,
size: 'mini',//颜色box类型
alpha: true,//是否开启透明度
@ -481,7 +481,7 @@ class EllipseObject extends Base {
this.label.lineColor = v
if (this._elms.labelLineColor) {
this._elms.labelLineColor.forEach((item, i) => {
let lineColorPicker = new ewPlugins('colorpicker', {
let lineColorPicker = new YJColorPicker({
el: item.el,
size: 'mini',//颜色box类型
alpha: true,//是否开启透明度
@ -508,7 +508,7 @@ class EllipseObject extends Base {
this.label.backgroundColor = [v, this.label.backgroundColor[1]]
if (this._elms.labelBackgroundColorStart) {
this._elms.labelBackgroundColorStart.forEach((item, i) => {
let labelBackgroundColorStartPicker = new ewPlugins('colorpicker', {
let labelBackgroundColorStartPicker = new YJColorPicker({
el: item.el,
size: 'mini',//颜色box类型
alpha: true,//是否开启透明度
@ -534,7 +534,7 @@ class EllipseObject extends Base {
this.label.backgroundColor = [this.label.backgroundColor[0], v]
if (this._elms.labelBackgroundColorEnd) {
this._elms.labelBackgroundColorEnd.forEach((item, i) => {
let labelBackgroundColorEndPicker = new ewPlugins('colorpicker', {
let labelBackgroundColorEndPicker = new YJColorPicker({
el: item.el,
size: 'mini',//颜色box类型
alpha: true,//是否开启透明度
@ -1161,7 +1161,7 @@ class EllipseObject extends Base {
// 创建标签页
let tabsElm = new cy_tabs('circle-object-edit-tabs', undefined, this.sdk)
// 颜色组件
let colorPicker = new ewPlugins('colorpicker', {
let colorPicker = new YJColorPicker({
el: contentElm.getElementsByClassName("color")[0],
size: 'mini',//颜色box类型
alpha: true,//是否开启透明度
@ -1175,7 +1175,7 @@ class EllipseObject extends Base {
this.color = 'rgba(255,255,255,1)'
},//点击清空按钮事件回调
})
let linecolorPicker = new ewPlugins('colorpicker', {
let linecolorPicker = new YJColorPicker({
el: contentElm.getElementsByClassName("lineColor")[0],
size: 'mini',//颜色box类型
alpha: true,//是否开启透明度
@ -1189,7 +1189,7 @@ class EllipseObject extends Base {
this.lineColor = 'rgba(255,255,255,1)'
},//点击清空按钮事件回调
})
let labelColorPicker = new ewPlugins('colorpicker', {
let labelColorPicker = new YJColorPicker({
el: contentElm.getElementsByClassName("labelColor")[0],
size: 'mini',//颜色box类型
alpha: true,//是否开启透明度
@ -1203,7 +1203,7 @@ class EllipseObject extends Base {
this.labelColor = 'rgba(255,255,255,1)'
},//点击清空按钮事件回调
})
let labellineColorPicker = new ewPlugins('colorpicker', {
let labellineColorPicker = new YJColorPicker({
el: contentElm.getElementsByClassName("labelLineColor")[0],
size: 'mini',//颜色box类型
alpha: true,//是否开启透明度
@ -1217,7 +1217,7 @@ class EllipseObject extends Base {
this.labelLineColor = 'rgba(255,255,255,1)'
},//点击清空按钮事件回调
})
let labelBackgroundColorStartPicker = new ewPlugins('colorpicker', {
let labelBackgroundColorStartPicker = new YJColorPicker({
el: contentElm.getElementsByClassName("labelBackgroundColorStart")[0],
size: 'mini',
alpha: true,
@ -1231,7 +1231,7 @@ class EllipseObject extends Base {
this.labelBackgroundColorStart = 'rgba(255,255,255,1)'
},
})
let labelBackgroundColorEndPicker = new ewPlugins('colorpicker', {
let labelBackgroundColorEndPicker = new YJColorPicker({
el: contentElm.getElementsByClassName("labelBackgroundColorEnd")[0],
size: 'mini',
alpha: true,