cesium左侧列表定位目标
2024-09-08 08:45:36
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 {
);
}
if (locationHeading) {
locationHeading = Number(locationHeading);
} else {
);
}
if (locationPitch) {
locationPitch = Number(locationPitch);
} else {
);
}
if (locationRange) {
locationRange = Number(locationRange);
} else {
);
}
if (locationLon && locationLat) {
locationLat = Number(locationLat);
locationLon = Number(locationLon);
$(".reminder_lat").hide();
} else {
alert("经纬度为必填项");
}
// 控制输入值的范围
|| ) {
alert("经度,请输入请输入(-180,180)的值");
}
|| ) {
alert("纬度,请输入请输入(-90,90)的值");
}
|| ) {
alert("高度,请输入请输入(0,100000)的值");
}
|| ) {
alert("朝向角,请输入请输入(0,360)的值");
}
|| ) {
alert("俯仰角,请输入请输入(-90,90)的值");
}
|| ) {
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("");
});
});
最新文章
- C#综合揭秘——通过修改注册表建立Windows自定义协议
- jQuery通过判断 checkbox 元素的 checked 属性,判断 checkbox是否被选中
- java io流 数据流传输
- wpf 自定义窗体的实现
- 实现StatusBar的Flat风格
- gopkg:一种方便的go pakcage管理方式
- vue的风格指南(必要的)
- Visual C++ 6.0中if语句的常见问题
- Windows与Linux的命令行命令对比
- JS 实现触发下载内容(H5 download)
- Js点击按钮下载文件到本地(兼容多浏览器)
- Spring Cloud配置中心(Config)
- tomcat版本号隐藏或修改
- MySQL Community Server 8.0.11下载与安装配置
- python使用requests请求的数据乱码
- java service domain dao 分层思路
- 三种实现日志过滤器的方式 (过滤器 (Filter)、拦截器(Interceptors)和切面(Aspect))
- 看懂sh脚本
- lucene 5.2.0学习笔记
- 【Python】python对象与json相互转换