cesium中divPoint展示数据


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)
 

相关学习群:854184700