Cesium add dynamic pop-up

 

The realization principle is actually entity+div;

var viewer=ysc.createNormalCesium("cesiumContainer",{});
var handler = new Cesium.ScreenSpaceEventHandler(viewer.scene.canvas);
handler.setInputAction(function(e) {
    var cartesian = viewer.camera.pickEllipsoid(e.position, viewer.scene.globe.ellipsoid);
    var cartographic = Cesium.Cartographic.fromCartesian(cartesian);
    var lon = Cesium.Math.toDegrees(cartographic.longitude).toFixed(5);// rounding   Keep five digits after the decimal point 
    var lat = Cesium.Math.toDegrees(cartographic.latitude).toFixed(5);// rounding    Keep five digits after the decimal point 
    // var height = Math.ceil(viewer.camera.positionCartographic.height);   // Get the camera height 
    if (cartesian) {
        /** main */
        var data={
            lon:lon,
            lat:lat,
            element:$("#one"),//html Elements 
            addEntity:true,// The default is false, If false Without adding entities , The following entity attributes are not needed , This is the time  boxHeightMax But if you want, don't . It represents the geographic coordinate height of the pop-up starting point 
            boxHeight:20000,// The height of the middle cube 
            boxHeightDif:500,// The height growth difference of the middle cube , The bigger, the faster 
            boxHeightMax:40000,// The maximum height of the middle Cube 
            boxSide:10000,// The side length of the cube 
            boxMaterial:Cesium.Color.DEEPSKYBLUE.withAlpha(0.5),
            circleSize:30000,// Size of big circle , The size of the small circle defaults to half 
        };
        ysc.showDynamicLayer(viewer,data,function (){ // Callback function   Change the contents of the pop-up window ;
            $("#one").find(".main").html("hello world!"+Math.random()*10000);
        });
        /** main */
    }
},Cesium.ScreenSpaceEventType.LEFT_CLICK);

viewer.camera.flyTo({
    destination : Cesium.Cartesian3.fromDegrees(117.16, 32.71, 150000.0)
});

Details visible Yue Yan Shao Falcon