zoukankan      html  css  js  c++  java
  • 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("");
            });
        });
     
     
  • 相关阅读:
    Vue根据URL传参来控制全局 console.log 的开关
    原来你是这样的毛玻璃
    CSS3边框会动的信封
    判断当前系统当前浏览器是否安装启用 Adobe Flash Player,检查在chrome中的状态
    随笔一个正则
    PHP实现栈数据结构
    php实现一个单链表
    php中按值传递和按引用传递的一个问题
    利用shell脚本或者php移动某个文件夹下的文件到各自的日期组成的目录下
    php中DateTime、diff
  • 原文地址:https://www.cnblogs.com/yaosusu/p/11561476.html
Copyright © 2011-2022 走看看