vue cesium定位到指定位置
window.viewer.camera.flyTo({destination: Cesium.Cartesian3.fromDegrees(point.longDeg, point.latDeg, 6500000), orientation: {heading: 6.2079384332084935, roll: 0.00031509431759868534, pitch: -1.535}, duration: 3})
vue cesium加載點
// 加載點位
function addPoints(pointArr, point, show) {let shenhaiPoint = ''if (boatLayer.length != 0) {boatLayer.forEach(item => {window.viewer.entities.remove(item)})}pointArr.forEach((item, i) => {boatLayer[i] = window.viewer.entities.add({id: item.id, name: item.name, position: Cesium.Cartesian3.fromDegrees(item.jd, item.wd, 0), billboard: {// 圖像地址，URI或Canvas的屬性image: item.img || '/static/img/earth/boat_point.png', // image: item.img,// 設置顏色和透明度// color: Cesium.Color.WHITE.withAlpha(0.8),// 高度（以像素為單位）height: 20, // 寬度（以像素為單位）width: 15, // 逆時針旋轉,表示Billboard繞其原點旋轉的角度（弧度）rotation: -((item.hdg > 360 ? item.cog : item.hdg) * Math.PI / 180), // rotation:-Cesium.Math.PI_OVER_FOUR *2,// 大小是否以米為單位sizeInMeters: false, // 相對于坐標的垂直位置// verticalOrigin: Cesium.VerticalOrigin.CENTER,// 相對于坐標的水平位置// horizontalOrigin: Cesium.HorizontalOrigin.CENTER,// 該屬性指定標簽在屏幕空間中距此標簽原點的像素偏移量// pixelOffset: new Cesium.Cartesian2(-7, 0),scaleByDistance: new Cesium.NearFarScalar(2000, 1, 100000000, 0.1), // 顯示在距相機的距離處的屬性，多少區間內是可以顯示的distanceDisplayCondition: new Cesium.DistanceDisplayCondition(0, 100000000), show: true, // 是否顯示alignedAxis: Cesium.Cartesian3.ZERO, // defaultheightReference: Cesium.HeightReference.CLAMP_TO_GROUND,}, label: {text: item.name,show:true,font: "10px Source Han Sans CN", //字體樣式fillColor: Cesium.Color.WHITE, //字體顏色backgroundColor: Cesium.Color.fromCssColorString('red').withAlpha(0), //背景顏色showBackground: true, //是否顯示背景顏色style: Cesium.LabelStyle.FILL_AND_OUTLINE, //label樣式outlineWidth: 3, // verticalOrigin: Cesium.VerticalOrigin.CENTER, //垂直位置// horizontalOrigin: Cesium.HorizontalOrigin.LEFT, //水平位置pixelOffset: new Cesium.Cartesian2(0, -15) //偏移}, clampToGround: true});})
}
)
