cesium中divPoint展示数据

在用点击面获取位置信息的时候，会弹出一个divPoint框，用来展示这个面的属性信息；或者位置信息。

代码如下：

// 创建div弹出框

createDIV (x, y, text) {

var viewDivPoint = document.getElementById('viewDivPoint')

var div = document.createElement('div')

div.id = 'divPoint'

div.style.top = y + 'px'

div.style.left = x + 'px'

div.style.height = '100px'

div.style.width = '100px'

div.style.border = '2px'

div.style.fontSize = '20px'

div.style.position = 'relative'

div.style.background = 'pink'

div.innerHTML = text

viewDivPoint.appendChild(div)

}

//点击事件

var handler = new Cesium.ScreenSpaceEventHandler(

this.viewer.scene.canvas

)

var that = this

handler.setInputAction(function (movement) {

// 获取屏幕坐标

var pick = new Cesium.Cartesian2(

movement.position.x,

movement.position.y

)

// 调用

var viewDivPoint = document.getElementById('viewDivPoint')

var divPoint = document.getElementById('divPoint')

if (divPoint) {

viewDivPoint.removeChild(divPoint)

that.createDIV(pick.x, pick.y, '我在做实验。')

} else {

that.createDIV(pick.x, pick.y, '我在做实验。')

}

// console.log(position.id.id, 'test')

}, Cesium.ScreenSpaceEventType.LEFT_CLICK)

web与webGL