onMounted(() => {
init() //加载3d地图,
webValue()//加载websocket
LocusModel()//3D地图模型
AdmainInfo()//基站设备显示
getautoDrive(viewer)//获取申请路径规划轨迹线
})
function getautoDrive(viewer) {
const data = JSON.parse(localStorage.getItem('requestData'));
if (data === null) {
return;
}
const positions = data;
const lineStringData = [{
geometry: {
type: 'LineString',
coordinates: positions.map(position => [position.pos_lon, position.pos_lat])
},
count: positions.length
}];
const dataSet = new mapv.DataSet(lineStringData);
const options = {
strokeStyle: 'green',
lineWidth: 5,
color: 'rgba(50, 50, 200, 1)',
blend: 'lighter',
zIndex: 1,
};
mapvLayer = new mapv.cesiumMapLayer(viewer, dataSet, options);
}
移动地图时,轨迹线发生偏移
随后马上又复原
推荐检查一下地图投影的方式,Cesium.js 使用的是 WebGL 技术,而地图数据通常使用 WGS84 或 Web Mercator 投影。所以在 Cesium 地图中移动时,地图坐标可能在不同的投影下进行变换,从而影响轨迹线。