美文网首页
cesium获取点击点的经纬度

cesium获取点击点的经纬度

作者: 一只鱼_d589 | 来源:发表于2021-01-08 09:51 被阅读0次

    转载至https://blog.csdn.net/u012123612/article/details/78621498
    学习过程中遇到的坑,搜索了半天没找到好的解决办法,最后翻API找到了方法,共享出来大家讨论借鉴。

    首先,Cesium 中的坐标可分为两种情况:二维和三维,三维又有地形和模型之分;

    1、二维坐标,获取椭球体表面的经纬度坐标:

    var handler = new Cesium.ScreenSpaceEventHandler(scene.canvas);
    handler.setInputAction(function(evt) {
    var cartesian=viewer.camera.pickEllipsoid(evt.position,viewer.scene.globe.ellipsoid);
    var cartographic=Cesium.Cartographic.fromCartesian(cartesian);
    var lng=Cesium.Math.toDegrees(cartographic.longitude);//经度值
    var lat=Cesium.Math.toDegrees(cartographic.latitude);//纬度值
    var mapPosition={x:lng,y:lat,z:cartographic.height};//cartographic.height的值始终为零。
    }, Cesium.ScreenSpaceEventType.LEFT_CLICK);

    2、三维坐标,获取地形表面的经纬度高程坐标:

    方法一

    var handler = new Cesium.ScreenSpaceEventHandler(scene.canvas);
    handler.setInputAction(function(evt) {
    var ray=viewer.camera.getPickRay(evt.position);
    var cartesian=viewer.scene.globe.pick(ray,viewer.scene);
    var cartographic=Cesium.Cartographic.fromCartesian(cartesian);
    var lng=Cesium.Math.toDegrees(cartographic.longitude);//经度值
    var lat=Cesium.Math.toDegrees(cartographic.latitude);//纬度值
    var mapPosition={x:lng,y:lat,z:cartographic.height};//cartographic.height的值为地形高度。
    }, Cesium.ScreenSpaceEventType.LEFT_CLICK);

    方法二

    var handler = new Cesium.ScreenSpaceEventHandler(scene.canvas);
    handler.setInputAction(function(evt) {
    var ray=viewer.camera.getPickRay(evt.position);
    var cartesian=viewer.scene.globe.pick(ray,viewer.scene);
    var cartographic=Cesium.Cartographic.fromCartesian(cartesian);
    var lng=Cesium.Math.toDegrees(cartographic.longitude);//经度值
    var lat=Cesium.Math.toDegrees(cartographic.latitude);//纬度值
    //height结果与cartographic.height相差无几,注意:cartographic.height可以为0,也就是说,可以根据经纬度计算出高程。
    var height=viewer.scene.globe.getHeight(cartographic);
    var mapPosition={x:lng,y:lat,z:height.height};//height的值为地形高度。
    }, Cesium.ScreenSpaceEventType.LEFT_CLICK);

    3、三维坐标,获取模型表面的经纬度高程坐标(此方法借鉴于官方示例):

    var handler = new Cesium.ScreenSpaceEventHandler(scene.canvas);
    handler.setInputAction(function(evt) {
    var scene = viewer.scene;
    if (scene.mode !== Cesium.SceneMode.MORPHING) {
    var pickedObject = scene.pick(evt.position);
    if (scene.pickPositionSupported && Cesium.defined(pickedObject) && pickedObject.node) {
    var cartesian = viewer.scene.pickPosition(evt.position);
    if (Cesium.defined(cartesian)) {
    var cartographic = Cesium.Cartographic.fromCartesian(cartesian);
    var lng = Cesium.Math.toDegrees(cartographic.longitude);
    var lat = Cesium.Math.toDegrees(cartographic.latitude);
    var height = cartographic.height;//模型高度
    mapPosition={x:lng,y:lat,z:height}
    }
    }
    }
    }, Cesium.ScreenSpaceEventType.LEFT_CLICK);

    相关文章

      网友评论

          本文标题:cesium获取点击点的经纬度

          本文链接:https://www.haomeiwen.com/subject/zumxaktx.html