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(locationCenternew 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("");
        });
    });
 

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM