`
let trElm = document.createRange().createContextualFragment(tr)
tableContent.appendChild(trElm)
}
let item = tableContent.getElementsByClassName('tr')
let fun = {
linkEdit: async index => {
await this.setAttributeLinkById(
nodeId,
this._DialogObject.attribute.link.content
)
let table = this._DialogObject._element.content
.getElementsByClassName('attribute-content-link')[1]
.getElementsByClassName('table')[0]
let tableContent = table.getElementsByClassName('table-body')[0]
let item = tableContent.getElementsByClassName('tr')
for (let i = 0; i < item.length; i++) {
if (index === i) {
let html = `
`
item[i].innerHTML = html
let td = item[i].getElementsByClassName('td')
td[0].getElementsByClassName(
'input'
)[0].value = this._DialogObject.attribute.link.content[index].name
td[1].getElementsByClassName(
'input'
)[0].value = this._DialogObject.attribute.link.content[index].url
let btn = item[i].getElementsByTagName('button')
for (let n = 0; n < btn.length; n++) {
if (!btn[n] || !btn[n].attributes) {
continue;
}
for (let m of btn[n].attributes) {
if (m.name === '@click') {
btn[n].addEventListener('click', e => {
if (typeof fun[m.value] === 'function') {
fun[m.value](
{
name: td[0].getElementsByClassName('input')[0]
.value,
url: td[1].getElementsByClassName('input')[0].value
},
i
)
}
})
btn[n].attributes.removeNamedItem(m.name)
break
}
}
}
break
}
}
},
linkDelete: i => {
this._DialogObject.attribute.link.content.splice(i, 1)
this.setAttributeLinkById(
nodeId,
this._DialogObject.attribute.link.content
)
},
confirmEdit: (value, i) => {
this._DialogObject.attribute.link.content[i] = value
this.setAttributeLinkById(
nodeId,
this._DialogObject.attribute.link.content
)
},
cancelEdit: () => {
this.setAttributeLinkById(
nodeId,
this._DialogObject.attribute.link.content
)
},
fileSelect: (value, i) => {
this._DialogObject.event &&
this._DialogObject.event.clickAddLink &&
this._DialogObject.event.clickAddLink(nodeId, i)
}
}
for (let i = 0; i < item.length; i++) {
let btn = item[i].getElementsByTagName('button')
for (let n = 0; n < btn.length; n++) {
if (!btn[n] || !btn[n].attributes) {
continue;
}
for (let m of btn[n].attributes) {
if (m.name === '@click') {
btn[n].addEventListener('click', e => {
if (typeof fun[m.value] === 'function') {
fun[m.value](i)
}
})
btn[n].attributes.removeNamedItem(m.name)
break
}
}
}
}
}
for (let i = 0; i < this.dataArray.length; i++) {
if (this.dataArray[i].attr.id === nodeId) {
if (this.dataArray[i].content) {
this.opt_DialogObject.attribute.link.content = v
}
break
}
}
}
getAllNode() {
return this.data
}
openAllNodeList() {
OpenAllNodeList(this)
}
openNodeListById(id) {
OpenNodeListById(this, id)
}
static createTableContent(that) {
let trsElm = ''
for (let i = 0; i < that.currentData.length; i++) {
let trElm = '
'
let tdElm = ''
for (let key in that.currentData[i].attr) {
tdElm =
tdElm +
`
${that.currentData[i].attr[key]}
`
}
trElm = trElm + tdElm + '
'
trsElm = trsElm + trElm
}
return trsElm
}
flyTo(id, options = {}) {
setActiveViewer(0)
closeRotateAround(this.sdk)
closeViewFollow(this.sdk)
if (id) {
for (let i = 0; i < this.geojson.features.length; i++) {
if (this.geojson.features[i].id === id) {
if (this.geojson.features[i].geometry.type === 'Point') {
this.getClampToHeight({
lng: this.geojson.features[i].geometry.coordinates[0],
lat: this.geojson.features[i].geometry.coordinates[1]
}).then(height => {
this.sdk.viewer.camera.flyTo({
orientation: options.orientation,
destination: Cesium.Cartesian3.fromDegrees(
this.geojson.features[i].geometry.coordinates[0],
this.geojson.features[i].geometry.coordinates[1],
height + (options.height || 500)
)
})
})
} else {
let range = this.geojson.features[i].geometry.range
if (range) {
let array = []
this.getClampToHeight({ lng: range[0], lat: range[1] }).then(
h => {
let a = Cesium.Cartesian3.fromDegrees(range[0], range[1], h)
array.push(a.x, a.y, a.z)
this.getClampToHeight({ lng: range[2], lat: range[3] }).then(
h2 => {
let a = Cesium.Cartesian3.fromDegrees(
range[2],
range[3],
h2
)
array.push(a.x, a.y, a.z)
let BoundingSphere = Cesium.BoundingSphere.fromVertices(
array
)
this.sdk.viewer.camera.flyToBoundingSphere(
BoundingSphere,
{
offset: options.orientation || {
heading: Cesium.Math.toRadians(0.0),
pitch: Cesium.Math.toRadians(-90.0),
roll: Cesium.Math.toRadians(0.0)
}
}
)
}
)
}
)
}
}
}
}
} else {
if (
this.options.customView &&
this.options.customView.relativePosition &&
this.options.customView.orientation
) {
let orientation = {
heading: Cesium.Math.toRadians(
this.options.customView.orientation.heading || 0.0
),
pitch: Cesium.Math.toRadians(
this.options.customView.orientation.pitch || -60.0
),
roll: Cesium.Math.toRadians(
this.options.customView.orientation.roll || 0.0
)
}
let lng = this.options.customView.relativePosition.lng
let lat = this.options.customView.relativePosition.lat
let alt = this.options.customView.relativePosition.alt
let destination = Cesium.Cartesian3.fromDegrees(lng, lat, alt)
this.sdk.viewer.camera.flyTo({
destination: destination,
orientation: orientation
})
} else {
if (this.range) {
let array = []
this.getClampToHeight({
lng: this.range[0],
lat: this.range[1]
}).then(h => {
let a = Cesium.Cartesian3.fromDegrees(
this.range[0],
this.range[1],
h
)
array.push(a.x, a.y, a.z)
this.getClampToHeight({
lng: this.range[2],
lat: this.range[3]
}).then(h2 => {
let a = Cesium.Cartesian3.fromDegrees(
this.range[2],
this.range[3],
h2
)
array.push(a.x, a.y, a.z)
let BoundingSphere = Cesium.BoundingSphere.fromVertices(array)
this.sdk.viewer.camera.flyToBoundingSphere(BoundingSphere, {
offset: options.orientation || {
heading: Cesium.Math.toRadians(0.0),
pitch: Cesium.Math.toRadians(-90.0),
roll: Cesium.Math.toRadians(0.0)
}
})
})
})
}
}
}
}
setShow(status, id) {
// let enetity = this.entity.entities.getById(id)
// if(enetity) {
// enetity.show = status
// }
// else {
// }
if (id) {
if (!this.entity) {
return
}
for (let i = 0; i < this.entity.entities.values.length; i++) {
if (
this.entity.entities.values[i].id &&
this.entity.entities.values[i].id.startsWith(id)
) {
this.entity.entities.values[i].show = status
this.entity.entities.values[i]._customShow = status
syncSplitData(this.sdk, this.options.id, this.entity.entities.values[i].id)
// this.entity.entities.remove(this.entity.entities.values[i])
break
}
}
syncData(this.sdk, this.options.id)
} else {
this.options.show = status
if (!this.entity) {
return
}
// this.entity.show = status
for (let i = 0; i < this.entity.entities.values.length; i++) {
this.entity.entities.values[i].show = status
this.entity.entities.values[i]._customShow = status
syncSplitData(this.sdk, this.options.id, this.entity.entities.values[i].id)
}
syncData(this.sdk, this.options.id)
}
}
setShowImg(status, index) {
if (index || index === 0) {
for (let i = 0; i < this.imgEntity.length; i++) {
if (i == index) {
this.imgEntity[i].show = status
break
}
}
} else {
for (let i = 0; i < this.imgEntity.length; i++) {
this.imgEntity[i].show = status
}
}
}
async remove() {
if (this.entity) {
this.entity.entities.values.forEach(enetity => {
remove_entity_from_cluster(this.sdk.viewer, enetity)
})
}
this.#textEntity = []
// this.#textEntity = []
// this.viewer.dataSources.remove(this.entity, true)
this.removeImage()
this.entity = null
this.geojson = {}
this.data = {}
await this.sdk.removeIncetance(this.options.id)
await syncSplitData(this.sdk, this.options.id)
await syncData(this.sdk, this.options.id)
}
removeImage() {
for (let i = 0; i < this.imgEntity.length; i++) {
this.sdk.viewer.entities.remove(this.imgEntity[i])
}
this.imgEntity = []
}
cameraSelect(cameraName, page) {
const type = {
'1': '海康',
'2': '大华'
}
let host = this.options.host
if (
this._DialogObject &&
this._DialogObject._element &&
this._DialogObject._element.content
) {
let paginationElm = that._DialogObject._element.content.getElementsByClassName(
'pagination'
)[0]
let attributeCameraElm = that._DialogObject._element.content.getElementsByClassName(
'attribute-content-camera'
)[0]
if (!paginationElm) {
return
}
if (!attributeCameraElm) {
return
}
generatePagination(paginationElm, 1, 10, 1)
} else {
return
}
let url = ''
const params = {
cameraName: cameraName,
page: !page || typeof page === 'object' ? 1 : page,
pageSize: 5
}
const queryString = new URLSearchParams(params).toString()
if (host.endsWith('yjearth4.0'))
url = `${host}/api/v1/cameraData/list?${queryString}`
else url = `${host}/yjearth4.0/api/v1/cameraData/list?${queryString}`
// url = this.options.path
fetch(url, {
method: 'get',
headers: {
'Content-Type': 'application/json',
token: getToken(),
Authorization: 'Bearer ' + getToken()
}
}).then(response => {
if (response.status === 200) {
response.json().then(data => {
if (data.code === 200 || data.code === 0) {
if (
!this._DialogObject ||
!this._DialogObject._element ||
!this._DialogObject._element.content
) {
return
}
let paginationElm = this._DialogObject._element.content.getElementsByClassName(
'pagination'
)[0]
let table = this._DialogObject._element.content.getElementsByClassName(
'camera-table'
)[0]
let tableContent = table.getElementsByClassName('table-body')[0]
tableContent.innerHTML = ''
if (data.data) {
if (data.data.list && data.data.list.length > 0) {
generatePagination(
paginationElm,
data.data.total,
10,
1,
pageIndex => {
this.cameraSelect &&
this.cameraSelect(cameraName, pageIndex)
}
)
table.getElementsByClassName('table-empty')[0].style.display =
'none'
tableContent.style.display = 'inline-flex'
for (let i = 0; i < data.data.list.length; i++) {
let tr = `