在 Cesium 根据经纬高绘制 html

在 Cesium 根据经纬高绘制 html

const html = document.querySelector(); // 跟随地图移动的 html
const position = {
  longitude: number,
  latitude: number,
  height: number,
} // html 绘制在 Cesium 的经纬度
const { longitude, latitude, height } = position;
viewer.scene.postRender.addEventListener(() => {
  const cartesian3 = Cesium.Cartesian3.fromDegrees(longitude, latitude, height);
  const cartesian2 = Cesium.SceneTransforms.wgs84ToWindowCoordinates(viewer.scene, cartesian3);
  const { x, y } = cartesian2;
  html.style.top = y + "px";
  html.style.left = x + "px";
});
// 使用 postRender API 实现