export function renderPopup(viewer: Cesium.Viewer, data: any) { const { x, y, xm, dw, lxdh, dz, height = 20 } = data; let dom = document.getElementById('iot-video-popup-wrap'); if (!dom) { let div = document.createElement('div'); div.id = 'iot-video-popup-wrap'; viewer.container.appendChild(div); dom = div; } ReactDOM.render(<IOTVideoPopup />, dom); const postRender = () => { let position = new Cesium.Cartesian3.fromDegrees(x, y, height);//转笛卡尔坐标 //转屏幕坐标 let screenPostion = Cesium.SceneTransforms.wgs84ToWindowCoordinates(viewer.scene, position); const { x: left, y: top } = screenPostion; if (left && top) { dom.style.left = left + 'px'; dom.style.top = top + 'px'; } } viewer.scene.postRender.addEventListener(postRender) }
正文
Cesium根据经纬转为屏幕坐标
文章版权声明:除非注明,否则均为
譬如朝露_策温技术开发工作室博客原创文章,转载或复制请以超链接形式并注明出处。
发表评论
侧栏公告
寄语
譬如朝露博客是一个分享前端知识的网站,联系方式11523518。
热评文章
标签列表
热门文章
友情链接