cesium左侧列表定位目标

cesium左侧列表定位目标

功能：根据左侧列表经纬度等信息的值，进行搜索定位。

列表:

 

 

1  点击清除按钮可以清空所有input的值

2  点击查找可以定位到位置，如果输入的值不在范围内，会有弹出框提示。

3   每个值，输入错误都有个弹出框，提示你。

记得在合适的位置调用这个locationClick()这个函数哦~~；页面就是普通的页面；自己写就行。如有疑问，请加群讨论

下面上代码

 // 左侧定位查找

    function locationClick() {

        locationLon = $("#location_lon").val();

        locationLat = $("#location_lat").val();

        locationHeight = $("#location_height").val();

        locationCenter = Cesium.Cartesian3.fromDegrees(Number(locationLon), Number(locationLat), Number(locationHeight));

        locationHeading = Cesium.Math.toRadians($("#location_heading").val());

        locationPitch = Cesium.Math.toRadians($("#location_pitch").val());

        locationRange = $("#location_range").val();

 

        if (locationLon) {

            locationLon = Number(locationLon);

        }

        if (locationLat) {

            locationLat = Number(locationLat);

        }

        if (locationHeight) {

            locationHeight = Number(locationHeight);

        } else {

            locationHeight = Number(0);

        }

        if (locationHeading) {

            locationHeading = Number(locationHeading);

        } else {

            locationHeading = Number(0);

        }

        if (locationPitch) {

            locationPitch = Number(locationPitch);

        } else {

            locationPitch = Number(0);

        }

        if (locationRange) {

            locationRange = Number(locationRange);

        } else {

            locationRange = Number(0);

        }

        if (locationLon && locationLat) {

            locationLat = Number(locationLat);

            locationLon = Number(locationLon);

            $(".reminder_lat").hide();

        } else {

            alert("经纬度为必填项");

        }

 

        // 控制输入值的范围

        if (locationLon > 180 || locationLon < -180) {

            alert("经度，请输入请输入(-180,180)的值");

        }

        if (locationLat > 90 || locationLat < -90) {

            alert("纬度，请输入请输入(-90,90)的值");

        }

        if (locationHeight < 0 || locationHeight > 100000) {

            alert("高度，请输入请输入(0,100000)的值");

        }

        if (locationHeading < 0 || locationHeading > 360) {

            alert("朝向角，请输入请输入(0,360)的值");

        }

        if (locationPitch < -90 || locationPitch > 90) {

            alert("俯仰角，请输入请输入(-90,90)的值");

        }

        if (locationRange > 10000000 || locationRange < 0) {

            alert("距离，请输入请输入(30000,10000000)的值");

        }

        viewer.camera.lookAt(locationCenter, new Cesium.HeadingPitchRange(Number(locationHeading), Number(locationPitch), Number(locationRange)));

    }

    // 定位数据清除

    $(function () {

        $('#location_clear').click(function () {

            $("#location_lon").val("");

            $("#location_lat").val("");

            $("#location_height").val("");

            $("#location_heading").val("");

            $("#location_pitch").val("");

            $("#location_range").val("");

        });

    });

 

 

 

转载于:https://www.cnblogs.com/yaosusu/p/11561476.html