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