调整为2D模式

This commit is contained in:
BianLzhaoMin 2025-07-25 13:57:25 +08:00
parent 3aeab25aab
commit c47b9ffbea
4 changed files with 105 additions and 55 deletions

View File

@ -19,8 +19,8 @@ const mapConfig = {
// heading: 359.2,
// pitch: -39.5,
alt: 12000, // 高度≈缩放级别
heading: 30, // 旋转30度
pitch: -45, // 俯视角45度
// heading: 30, // 旋转30度
// pitch: -45, // 俯视角45度
},
highDynamicRange: false, // 关闭HDR可减少模糊
@ -28,7 +28,7 @@ const mapConfig = {
scene3DOnly: false,
shadows: false,
removeDblClick: true,
sceneMode: 3,
sceneMode: 1,
showSun: true,
showMoon: true,
showSkyBox: true,
@ -85,7 +85,7 @@ const mapConfig = {
},
terrain: {
url: "//data.mars3d.cn/terrain",
show: true,
show: false,
},
basemaps: [
{ id: 10, name: "地图底图", type: "group" },
@ -456,7 +456,7 @@ function addMarker(lng, lat) {
markerCount++;
const billboard = new mars3d.graphic.BillboardEntity({
position: [lng, lat, 1000],
position: [lng, lat],
style: {
image: "../../../../img/digitalSignage/gl.png",
width: 30,
@ -464,9 +464,12 @@ function addMarker(lng, lat) {
scale: 1,
horizontalOrigin: Cesium.HorizontalOrigin.CENTER,
verticalOrigin: Cesium.VerticalOrigin.BOTTOM,
clampToGround: true,
heightReference: Cesium.HeightReference.CLAMP_TO_GROUND, // 必须设置
disableDepthTestDistance: Number.POSITIVE_INFINITY, // 防止被地形遮挡
// clampToGround: true,
// heightReference: Cesium.HeightReference.CLAMP_TO_GROUND, // 必须设置
// disableDepthTestDistance: Number.POSITIVE_INFINITY, // 防止被地形遮挡
clampToGround: false,
heightReference: Cesium.HeightReference.NONE,
disableDepthTestDistance: Number.POSITIVE_INFINITY,
},
// 其他属性
attr: {
@ -483,7 +486,9 @@ function addMarker(lng, lat) {
verticalOrigin: Cesium.VerticalOrigin.TOP,
scaleByDistance: true,
offsetY: -60,
heightReference: Cesium.HeightReference.CLAMP_TO_GROUND,
// heightReference: Cesium.HeightReference.CLAMP_TO_GROUND,
// disableDepthTestDistance: Number.POSITIVE_INFINITY,
heightReference: Cesium.HeightReference.NONE,
disableDepthTestDistance: Number.POSITIVE_INFINITY,
},
});
@ -571,7 +576,7 @@ function initTowerLine(points) {
// }, 100);
points.forEach((item, index) => {
const billboard = new mars3d.graphic.BillboardEntity({
position: [item.lon, item.lat, 1000],
position: [item.lon, item.lat],
style: {
image: "../../../../img/digitalSignage/icon_three_new.png",
width: 30,
@ -579,9 +584,12 @@ function initTowerLine(points) {
scale: 1,
horizontalOrigin: Cesium.HorizontalOrigin.CENTER,
verticalOrigin: Cesium.VerticalOrigin.BOTTOM,
clampToGround: true,
heightReference: Cesium.HeightReference.CLAMP_TO_GROUND, // 必须设置
disableDepthTestDistance: Number.POSITIVE_INFINITY, // 防止被地形遮挡
// clampToGround: true,
// heightReference: Cesium.HeightReference.CLAMP_TO_GROUND, // 必须设置
// disableDepthTestDistance: Number.POSITIVE_INFINITY, // 防止被地形遮挡
clampToGround: false,
heightReference: Cesium.HeightReference.NONE,
disableDepthTestDistance: Number.POSITIVE_INFINITY,
},
// 其他属性
attr: {
@ -598,7 +606,9 @@ function initTowerLine(points) {
verticalOrigin: Cesium.VerticalOrigin.TOP,
scaleByDistance: true,
offsetY: -60,
heightReference: Cesium.HeightReference.CLAMP_TO_GROUND,
// heightReference: Cesium.HeightReference.CLAMP_TO_GROUND,
// disableDepthTestDistance: Number.POSITIVE_INFINITY,
heightReference: Cesium.HeightReference.NONE,
disableDepthTestDistance: Number.POSITIVE_INFINITY,
},
});
@ -627,7 +637,10 @@ function initTowerLine(points) {
style: {
width: 2, // 线宽(像素)
color: "#FF0305", // 线颜色
clampToGround: true, // 是否贴地山区建议设为true
// clampToGround: true, // 是否贴地山区建议设为true
clampToGround: false,
heightReference: Cesium.HeightReference.NONE,
disableDepthTestDistance: Number.POSITIVE_INFINITY,
},
});
graphicLayer.addGraphic(polyline);
@ -702,7 +715,10 @@ function viewPointLine() {
style: {
width: 2, // 线宽(像素)
color: "#0C14CA", // 线颜色
clampToGround: true, // 是否贴地山区建议设为true
// clampToGround: true, // 是否贴地山区建议设为true
clampToGround: false,
heightReference: Cesium.HeightReference.NONE,
disableDepthTestDistance: Number.POSITIVE_INFINITY,
},
});
graphicLayer.addGraphic(polyline);

View File

@ -21,8 +21,8 @@ const mapConfig = {
// heading: 359.2,
// pitch: -39.5,
alt: 12000, // 高度≈缩放级别
heading: 30, // 旋转30度
pitch: -45, // 俯视角45度
// heading: 30, // 旋转30度
// pitch: -45, // 俯视角45度
},
highDynamicRange: false, // 关闭HDR可减少模糊
@ -30,17 +30,23 @@ const mapConfig = {
scene3DOnly: false,
shadows: false,
removeDblClick: true,
sceneMode: 3,
sceneMode: 1,
showSun: true,
showMoon: true,
showSkyBox: true,
showSkyAtmosphere: true,
// showSun: false, // 2D模式下可关闭
// showMoon: false, // 2D模式下可关闭
// showSkyBox: false, // 2D模式下可关闭
// fog: false, // 2D模式下可关闭
fog: true,
fxaa: false,
requestRenderMode: false,
globe: {
depthTestAgainstTerrain: false,
baseColor: "#546a53",
// showGroundAtmosphere: true,
showGroundAtmosphere: true,
enableLighting: false,
},
@ -87,7 +93,7 @@ const mapConfig = {
},
terrain: {
url: "//data.mars3d.cn/terrain",
show: true,
show: false,
},
basemaps: [
{ id: 10, name: "地图底图", type: "group" },
@ -385,8 +391,8 @@ function initMap(list) {
map.flyToPoint(centerPoint, {
radius: 5000, // 可视范围半径(米)
duration: 5, // 飞行时间(秒)
heading: 0, // 视角方向0-360度
pitch: -45, // 俯仰角度(-90俯视0平视90仰视
// heading: 0, // 视角方向0-360度s
// pitch: -45, // 俯仰角度(-90俯视0平视90仰视ss
});
map.addLayer(graphicLayer);
@ -460,7 +466,7 @@ function addMarker(lng, lat) {
markerCount++;
const billboard = new mars3d.graphic.BillboardEntity({
position: [lng, lat, 1000],
position: [lng, lat],
style: {
image: "../../../../img/digitalSignage/sd.png",
width: 30,
@ -576,7 +582,7 @@ function initTowerLine(points) {
points.forEach((item, index) => {
const billboard = new mars3d.graphic.BillboardEntity({
position: [item.lon, item.lat, 1000],
position: [item.lon, item.lat],
style: {
image: "../../../../img/digitalSignage/icon_three_new.png",
width: 30,
@ -584,9 +590,13 @@ function initTowerLine(points) {
scale: 1,
horizontalOrigin: Cesium.HorizontalOrigin.CENTER,
verticalOrigin: Cesium.VerticalOrigin.BOTTOM,
clampToGround: true,
heightReference: Cesium.HeightReference.CLAMP_TO_GROUND, // 必须设置
disableDepthTestDistance: Number.POSITIVE_INFINITY, // 防止被地形遮挡
// clampToGround: true,
// heightReference: Cesium.HeightReference.CLAMP_TO_GROUND, // 必须设置
// disableDepthTestDistance: Number.POSITIVE_INFINITY, // 防止被地形遮挡
clampToGround: false,
heightReference: Cesium.HeightReference.NONE,
disableDepthTestDistance: Number.POSITIVE_INFINITY,
},
// 其他属性
attr: {
@ -603,7 +613,9 @@ function initTowerLine(points) {
verticalOrigin: Cesium.VerticalOrigin.TOP,
scaleByDistance: true,
offsetY: -60,
heightReference: Cesium.HeightReference.CLAMP_TO_GROUND,
// heightReference: Cesium.HeightReference.CLAMP_TO_GROUND,
// disableDepthTestDistance: Number.POSITIVE_INFINITY,
heightReference: Cesium.HeightReference.NONE,
disableDepthTestDistance: Number.POSITIVE_INFINITY,
},
});
@ -706,7 +718,10 @@ function viewPointLine() {
style: {
width: 2, // 线宽(像素)
color: "#0C14CA", // 线颜色
clampToGround: true, // 是否贴地山区建议设为true
// clampToGround: true, // 是否贴地山区建议设为true
clampToGround: false,
// 可选设置高度模式为2D兼容模式
heightReference: Cesium.HeightReference.NONE,
},
});
graphicLayer.addGraphic(polyline);

View File

@ -19,8 +19,8 @@ const mapConfig = {
// heading: 359.2,
// pitch: -39.5,
alt: 12000, // 高度≈缩放级别
heading: 30, // 旋转30度
pitch: -45, // 俯视角45度
// heading: 30, // 旋转30度
// pitch: -45, // 俯视角45度
},
highDynamicRange: false, // 关闭HDR可减少模糊
@ -28,7 +28,7 @@ const mapConfig = {
scene3DOnly: false,
shadows: false,
removeDblClick: true,
sceneMode: 3,
sceneMode: 1,
showSun: true,
showMoon: true,
showSkyBox: true,
@ -85,7 +85,7 @@ const mapConfig = {
},
terrain: {
url: "//data.mars3d.cn/terrain",
show: true,
show: false,
},
basemaps: [
{ id: 10, name: "地图底图", type: "group" },
@ -458,9 +458,12 @@ function addMarker(lng, lat) {
scale: 1,
horizontalOrigin: Cesium.HorizontalOrigin.CENTER,
verticalOrigin: Cesium.VerticalOrigin.BOTTOM,
clampToGround: true,
heightReference: Cesium.HeightReference.CLAMP_TO_GROUND, // 必须设置
disableDepthTestDistance: Number.POSITIVE_INFINITY, // 防止被地形遮挡
// clampToGround: true,
// heightReference: Cesium.HeightReference.CLAMP_TO_GROUND, // 必须设置
// disableDepthTestDistance: Number.POSITIVE_INFINITY, // 防止被地形遮挡
clampToGround: false,
heightReference: Cesium.HeightReference.NONE,
disableDepthTestDistance: Number.POSITIVE_INFINITY,
},
// 其他属性
attr: {
@ -477,7 +480,8 @@ function addMarker(lng, lat) {
verticalOrigin: Cesium.VerticalOrigin.TOP,
scaleByDistance: true,
offsetY: -60,
heightReference: Cesium.HeightReference.CLAMP_TO_GROUND,
// heightReference: Cesium.HeightReference.CLAMP_TO_GROUND,
heightReference: Cesium.HeightReference.NONE,
disableDepthTestDistance: Number.POSITIVE_INFINITY,
},
});
@ -566,7 +570,7 @@ function initTowerLine(points) {
points.forEach((item, index) => {
const billboard = new mars3d.graphic.BillboardEntity({
position: [item.lon, item.lat, 1000],
position: [item.lon, item.lat],
style: {
image: "../../../../img/digitalSignage/icon_three_new.png",
width: 30,
@ -574,9 +578,12 @@ function initTowerLine(points) {
scale: 1,
horizontalOrigin: Cesium.HorizontalOrigin.CENTER,
verticalOrigin: Cesium.VerticalOrigin.BOTTOM,
clampToGround: true,
heightReference: Cesium.HeightReference.CLAMP_TO_GROUND, // 必须设置
disableDepthTestDistance: Number.POSITIVE_INFINITY, // 防止被地形遮挡
// clampToGround: true,
// heightReference: Cesium.HeightReference.CLAMP_TO_GROUND, // 必须设置
// disableDepthTestDistance: Number.POSITIVE_INFINITY, // 防止被地形遮挡
clampToGround: false,
heightReference: Cesium.HeightReference.NONE,
disableDepthTestDistance: Number.POSITIVE_INFINITY,
},
// 其他属性
attr: {
@ -593,7 +600,8 @@ function initTowerLine(points) {
verticalOrigin: Cesium.VerticalOrigin.TOP,
scaleByDistance: true,
offsetY: -60,
heightReference: Cesium.HeightReference.CLAMP_TO_GROUND,
// heightReference: Cesium.HeightReference.CLAMP_TO_GROUND,
heightReference: Cesium.HeightReference.NONE,
disableDepthTestDistance: Number.POSITIVE_INFINITY,
},
});

View File

@ -19,8 +19,8 @@ const mapConfig = {
// heading: 359.2,
// pitch: -39.5,
alt: 12000, // 高度≈缩放级别
heading: 30, // 旋转30度
pitch: -45, // 俯视角45度
// heading: 30, // 旋转30度
// pitch: -45, // 俯视角45度
},
highDynamicRange: false, // 关闭HDR可减少模糊
@ -28,7 +28,7 @@ const mapConfig = {
scene3DOnly: false,
shadows: false,
removeDblClick: true,
sceneMode: 3,
sceneMode: 1,
showSun: true,
showMoon: true,
showSkyBox: true,
@ -85,7 +85,7 @@ const mapConfig = {
},
terrain: {
url: "//data.mars3d.cn/terrain",
show: true,
show: false,
},
basemaps: [
{ id: 10, name: "地图底图", type: "group" },
@ -470,9 +470,12 @@ function addMarker(lng, lat) {
scale: 1,
horizontalOrigin: Cesium.HorizontalOrigin.CENTER,
verticalOrigin: Cesium.VerticalOrigin.BOTTOM,
clampToGround: true,
heightReference: Cesium.HeightReference.CLAMP_TO_GROUND, // 必须设置
disableDepthTestDistance: Number.POSITIVE_INFINITY, // 防止被地形遮挡
// clampToGround: true,
// heightReference: Cesium.HeightReference.CLAMP_TO_GROUND, // 必须设置
// disableDepthTestDistance: Number.POSITIVE_INFINITY, // 防止被地形遮挡
clampToGround: false,
heightReference: Cesium.HeightReference.NONE,
disableDepthTestDistance: Number.POSITIVE_INFINITY,
},
// 其他属性
attr: {
@ -489,7 +492,8 @@ function addMarker(lng, lat) {
verticalOrigin: Cesium.VerticalOrigin.TOP,
scaleByDistance: true,
offsetY: -60,
heightReference: Cesium.HeightReference.CLAMP_TO_GROUND,
// heightReference: Cesium.HeightReference.CLAMP_TO_GROUND,
heightReference: Cesium.HeightReference.NONE,
disableDepthTestDistance: Number.POSITIVE_INFINITY,
},
});
@ -586,9 +590,12 @@ function initTowerLine(points) {
scale: 1,
horizontalOrigin: Cesium.HorizontalOrigin.CENTER,
verticalOrigin: Cesium.VerticalOrigin.BOTTOM,
clampToGround: true,
heightReference: Cesium.HeightReference.CLAMP_TO_GROUND, // 必须设置
disableDepthTestDistance: Number.POSITIVE_INFINITY, // 防止被地形遮挡
// clampToGround: true,
// heightReference: Cesium.HeightReference.CLAMP_TO_GROUND, // 必须设置
// disableDepthTestDistance: Number.POSITIVE_INFINITY, // 防止被地形遮挡
clampToGround: false,
heightReference: Cesium.HeightReference.NONE,
disableDepthTestDistance: Number.POSITIVE_INFINITY,
},
// 其他属性
attr: {
@ -605,7 +612,8 @@ function initTowerLine(points) {
verticalOrigin: Cesium.VerticalOrigin.TOP,
scaleByDistance: true,
offsetY: -60,
heightReference: Cesium.HeightReference.CLAMP_TO_GROUND,
// heightReference: Cesium.HeightReference.CLAMP_TO_GROUND,
heightReference: Cesium.HeightReference.NONE,
disableDepthTestDistance: Number.POSITIVE_INFINITY,
},
});
@ -707,7 +715,10 @@ function viewPointLine() {
style: {
width: 2, // 线宽(像素)
color: "#0C14CA", // 线颜色
clampToGround: true, // 是否贴地山区建议设为true
// clampToGround: true, // 是否贴地山区建议设为true
clampToGround: false,
heightReference: Cesium.HeightReference.NONE,
disableDepthTestDistance: Number.POSITIVE_INFINITY,
},
});
graphicLayer.addGraphic(polyline);