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