While there is definitely a need to improve management of the billboard texture atlas, showing mouse coordinates is probably better served with a DOM element (plus the below code works for any HTML element). Here's a complete sandcastle example that shows how to do that. In my opinion, we should probably update the picking example to the below instead of what we currently have there.
var viewer = new Cesium.Viewer('cesiumContainer');
//Create an element to contain the coordinates label
var element = document.createElement('span');
element.style.position = 'absolute';
element.style['pointer-events'] = 'none';
element.style.font = '24pt sans-serif';
viewer.container.appendChild(element);
//Get the last mouse position every time it moves
var mousePosition = new Cesium.Cartesian2();
viewer.canvas.addEventListener('mousemove', function(e){
mousePosition.x = e.clientX;
mousePosition.y = e.clientY;
}, false);
//Don't actually do anything until the next render.
viewer.scene.preRender.addEventListener(function(){
var ellipsoid = viewer.scene.globe.ellipsoid;
var cartesian = viewer.camera.pickEllipsoid(mousePosition, ellipsoid);
if (cartesian) {
var cartographic = ellipsoid.cartesianToCartographic(cartesian);
var longitudeString = Cesium.Math.toDegrees(cartographic.longitude).toFixed(2);
var latitudeString = Cesium.Math.toDegrees(cartographic.latitude).toFixed(2);
element.style.display = 'block';
element.style.top = mousePosition.y + 'px';
element.style.left = mousePosition.x + 'px';
element.textContent = '(' + longitudeString + ', ' + latitudeString + ')';
} else {
element.style.display = 'none';
}
});