Cesium 点击鼠标绘制锚点时，位置发生偏移

最新推荐文章于 2024-05-13 19:44:11 发布
最新推荐文章于 2024-05-13 19:44:11 发布
阅读量2k 收藏 10
点赞数 2
分类专栏： webgl 文章标签： 位置偏移 Cesium 鼠标 点击
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yhj_911/article/details/123486093
版权
在三维场景中，开启地形模式与不开启时，拾取操作的方法有所不同。开启地形模式时，需要使用getPickRay和globe.pick方法；而不开启时，则直接使用pickEllipsoid方法。这两种方法在获取场景元素位置时有明显的区别。
摘要由CSDN通过智能技术生成

导致的原因是开启了地形模式

开启地形时，使用如下的方法获取：
var ray=viewer.camera.getPickRay(event.position);
var cartesian = viewer.scene.globe.pick(ray, viewer.scene);

不开启地形时，使用如下的方法获取：
var cartesian = viewer.camera.pickEllipsoid(event.position, viewer.scene.globe.ellipsoid);

姚华军
关注
  • 2
    点赞
  • 踩
  • 10
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
Cesium 问题： 添加billboard后移动或缩放地球，标记点位置会左右偏移
虎康的博客
07-25 404
添加 billboard 后位置会发生偏移
Cesium鼠标点击位置和地图标会位置不一致
qq_41400354的博客
02-11 2211
如果你其他操作没有问题的前提下，出现鼠标点击地图位置和标记物出现的位置不相匹配时可能是以下原因。 1、获取位置时，高度取得是相机高度而非地面高度 2、注册事件时未将事件元素添加进去 //let handler = new Cesium.ScreenSpaceEventHandler() //错误 将viewer.scene.canvas当成参数传递进去 let handler = new Cesium.ScreenSpaceEventHandler(viewer.scene.canvas) ...
【Cesium ：问题】Cesium4种获取鼠标点击位置和解决viewer.scene.pickPosition(e.position)不准的问题。
热门推荐
weitaming1的博客
07-08 1万+
一、Cesium4种获取鼠标点击位置 Cesium获取鼠标点击位置：4种 1获取鼠标点的对应椭球面位置：世界坐标（Cartesian3） 通过 viewer.scene.camera.pickEllipsoid(movement.position, ellipsoid)获取，可以获取当前点击视线与椭球面相交处的坐标，其中ellipsoid是当前地球使用的椭球对象：viewer.scen...
解决 cesium 地图因为transfrom 导致 地图偏移，点击不准的问题
haibalai2009的博客
01-26 2907
在我们做可视化大屏的时候 我们经常要适应不同的屏幕， 如果拿rem 来做的话也是没问题的，但是很多组件就要自己改才行， 地图也是百分比也是大家的方案。 但是仔细观察阿里云的datav 大屏方案，它是由body transfrom scale来解决这个问题，所有dom 元素进行缩放，px一样可以 但是对于很多地图引擎来说就会有很大的问题， 地图因此会导致放大缩小偏移， 点击要素不准，拖动地图漂移等等一系列问题 这个时候我们就要看cesium 源码来解决这个问题 我们下载cesium 源码 找到ScreenSp
解决Cesium空间量测（测距、测面积）的点位偏移问题
蝉声陪伴着行云流浪
05-08 3185
解决Cesium空间量测（测距、测面积）的点位偏移问题 参考的是这位大佬的空间量测代码 https://blog.csdn.net/qq_18144905/article/details/81947780 但是我自己的页面有调整一些布局，比如这样 此时再去点击某个位置就会出现点位的偏移。 原因是 handler.setInputAction(function (movement) { /...
Cesium 拾取坐标偏移问题
资深三维GIS开发
04-09 1462
最近参与开发了一个大屏，分别有两个分辨率4800 * 1080以及9600 * 2160，为了兼容这两个分辨率的大屏展示，前端做了个骚操作，通过css的。通常我们在使用Cesium的过程中，会有坐标拾取的操作，将拾取到的像素坐标和世界坐标进行一个相互的转换。然后问题就来了，我原来可以用的各种标绘、量算以及拾取等，也就是transform时的scale的值，，明明在安徽省内获取坐标，都跑到新疆去了。transform的scale方法。
解决Cesium在模型上显示Entity-Point出现移动漂移的问题
m0_55766628的博客
12-28 859
场景：在模型上编辑面的时候回显点进行拖拽导致点一直被模型盖住了解决方案。
Cesium鼠标点击地图在点击的位置画点
A42D36的博客
11-14 670
Cesium中实现鼠标点击地图在点击的位置画点
Cesium绘制点线面的工具封装
08-17
使用之前先看博客，里面有工具的介绍： Cesium 实战记录（四） 绘制点线面的工具封装 https://blog.csdn.net/KK_bluebule/article/details/126384623
cesium动态绘制多边形及常用函数封装
03-10
1. 屏幕坐标转经纬度高程 2. 设置屏幕空间事件监听 3. 移除屏幕空间事件监听 ...7. 默认左键点击事件 8. 绘制区域（动态绘制多边形） 9. 获取区域各顶点经纬度高程 10. 设置区域显隐 11. 计算区域面积
82.（cesium篇）cesium点在3d模型上运动.zip
06-17
该资源包的执行效果查看地址：https://blog.csdn.net/m0_60387551/article/details/123184049 “地图之家”专栏中的“82.（cesium篇）cesium点在3d模型上运动”。如下载有问题，可联系博主。 解压密码：cesium
基于cesium封装的绘制点线面和编辑源码+运行说明.zip
11-23
基于cesium封装的绘制点线面和编辑源码+运行说明.zip基于cesium封装的绘制点线面和编辑源码+运行说明.zip基于cesium封装的绘制点线面和编辑源码+运行说明.zip基于cesium封装的绘制点线面和编辑源码+运行说明.zip ...
cesium通过点击事件绘制图形（点，线，面，圆，矩形）
Passerby_OK的博客
05-15 1169
【代码】cesium通过点击事件绘制图形（点，线，面，圆，矩形）
Cesium使用scale缩放导致事件坐标偏移问题
最新发布
qq_42038997的博客
05-13 720
当使用scale缩放会导致cesium事件点击偏移，可以让地图使用反缩放回到以前的比例。
cesium绘制点偏移点击位置
A873054267的博客
12-03 2116
可能导致的原因是开启了地形 不开启地形，使用： var cartesian = viewer.camera.pickEllipsoid(event.position, viewer.scene.globe.ellipsoid); 开启地形，使用： var ray=viewer.camera.getPickRay(event.position); var cartesian = ...
Cesium 在地图鼠标点击进行定位，并显示经纬度
liubangbo的专栏
05-22 2211
这篇文章介绍一下如何响应鼠标左键获取经纬度，以及在地图上添加广告牌。注意：在使用上述代码时，把accessToken 换成自己的。1）响应鼠标左键，并获取经纬度。2）在地图上添加广告牌。
cesium div偏移 位置偏移 popup位置偏移 弹窗偏移
yangniceyangyang的博客
12-22 1984
背景： 最近cesium交流群里看到好几个人都在问偏移问题。回答过几次 ，所以写个水文。到时候估计大家上网一搜就能搜到这篇。 在做popup弹窗的时候。思想是：需要将Cartesian3坐标转换为屏幕坐标 然后设置给div。就可以实现pop跟随。但是如果没有设置C3的高程 直接进行转换屏幕坐标 就会出现偏移。 解决办法： 将要转换的Cartesian3加上高程后 再进行转换屏幕坐标 就可以了 ...
cesium 实现测距离测面积 （划线画面 跟随鼠标位置 ）
LBY_XK的博客
12-01 1944
效果图 方法一：使用插件 cesium_measure.js 下载地址：https://github.com/zhangti0708/cesium-measure/blob/master/src/cesium-measure.js <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" cont
Cesium获取鼠标点击位置的对应椭球面位置
04-05
Cesium中可以使用以下代码获取鼠标点击位置的对应椭球面位置： ```javascript var scene = viewer.scene; var ellipsoid = scene.globe.ellipsoid; // 鼠标点击事件处理函数 var handler = new Cesium.ScreenSpaceEventHandler(scene.canvas); handler.setInputAction(function(click) { var cartesian = viewer.camera.pickEllipsoid(click.position, ellipsoid); if (cartesian) { var cartographic = ellipsoid.cartesianToCartographic(cartesian); var longitude = Cesium.Math.toDegrees(cartographic.longitude); var latitude = Cesium.Math.toDegrees(cartographic.latitude); var height = cartographic.height; console.log("点击位置的经纬度坐标为：", longitude, latitude); console.log("点击位置的高度为：", height); } }, Cesium.ScreenSpaceEventType.LEFT_CLICK); ``` 该代码将监听Cesium Viewer的鼠标左键点击事件，并在点击时获取鼠标点击位置的椭球面坐标（经度、纬度和高度），并将其输出到控制台中。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值