const viewer = new Cesium.Viewer("cesiumContainer");
// To geographically place an HTML element on top of the Cesium canvas, we use
// scene.cartesianToCanvasCoordinates to map a world position to canvas x and y values.
// This example places and img element, but any element will work.
const htmlOverlay = document.getElementById("htmlOverlay");
const scratch = new Cesium.Cartesian2();
viewer.scene.preRender.addEventListener(function () {
const position = Cesium.Cartesian3.fromDegrees(-75.59777, 40.03883);
const canvasPosition = viewer.scene.cartesianToCanvasCoordinates(
position,
scratch,
);
if (Cesium.defined(canvasPosition)) {
htmlOverlay.style.top = `${canvasPosition.y}px`;
htmlOverlay.style.left = `${canvasPosition.x}px`;
}
});
Cesium htmlOverlay
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着，像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上，一...
- 文/苍兰香墨 我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
推荐阅读更多精彩内容
- vue + cesium 的配置已经很复杂了，今天从1.47 升级到1.70的版本，但是发现报错了。 经过查阅，发...
- 摘自：https://blog.csdn.net/sinat_31213021/article/details/1...
- 第一种，CallbackProperty 回调函数回调函数解释：https://www.jianshu.com/p...
- 开发环境准备 利用Cesium API进行二次开发属于Web前端开发范畴，目前比较火的Web三剑客包括React、...
- Cesium是什么 我们打开Cesium[https://cesium.com/]官网，能够很清晰的看到官方赋予C...
