npm install cesium
或者
yarn add cesium

// 創(chuàng)建你的Cesium Viewer  
let viewer = new Cesium.Viewer('cesiumContainer');  
  
// 定義模型的坐標(biāo)和大小  
let modelMatrix = Cesium.Transforms.eastNorthUpToFixedFrame(  
    Cesium.Cartesian3.fromDegrees(-75.628982, 40.028194),   
    new Cesium.HeadingPitchRoll()   
);  
  
// 定義模型的路徑和其他選項(xiàng)  
let modelOptions = {  
    uri: 'path/to/your/model.gltf',   
    scale: 1.0,   
    minimumPixelSize: 128,   
    maximumScale: 20000,   
    modelMatrix: modelMatrix   
};  
  
// 把模型加到場景里！  
viewer.scene.primitives.add(new Cesium.Model(modelOptions));

// 定義碰撞器的位置和尺寸  
var boxGeometry = new Cesium.BoxGeometry({  
    length: 100000, // 長度（單位：米）  
    width: 100000, // 寬度（單位：米）  
    height: 100000 // 高度（單位：米）  
});  
var boxMaterial = new Cesium.Material({  
    fabric: {  
        type: 'Grid', // 使用網(wǎng)格材質(zhì)類型  
        unlit: true // 不進(jìn)行光照計(jì)算，僅顯示碰撞器輪廓線  
    }  
});  
var boxPrimitive = new Cesium.Primitive({ // 創(chuàng)建碰撞器實(shí)體對象  
    geometryInstances: new Cesium.GeometryInstance({ // 定義碰撞器幾何體實(shí)例  
        geometry: boxGeometry, // 使用BoxGeometry作為幾何體類型  
        modelMatrix: modelMatrix, // 設(shè)置模型變換矩陣，使其與模型對齊  
        id: 'box' // 設(shè)置碰撞器標(biāo)識符，方便后續(xù)查找和識別碰撞事件  
    }),  
    asynchronous: false, // 是否異步加載碰撞器幾何體數(shù)據(jù)，這里選擇同步加載以提高性能和效率  
    material: boxMaterial // 設(shè)置碰撞器材質(zhì)屬性，這里使用網(wǎng)格材質(zhì)類型顯示輪廓線效果  
});  
viewer.scene.primitives.add(boxPrimitive); // 將碰撞器添加到場景中顯示出來。

viewer.geocoder.geocode({  
    text: '北京',  
    view: Cesium.ScreenSpaceEventType.LEFT_CLICK  
}).then(function(results) {  
    // 查詢成功，獲取查詢結(jié)果  
    var entity = results[0].entity;  
    console.log(entity); // 輸出查詢到的實(shí)體信息  
});

// 定義軌跡的坐標(biāo)點(diǎn)數(shù)組  
var waypoints = [  
    Cesium.Cartesian3.fromDegrees(116.407, 39.904), // 北京  
    Cesium.Cartesian3.fromDegrees(121.473, 31.230), // 上海  
    Cesium.Cartesian3.fromDegrees(104.065, 30.574)  // 成都  
];  
  
// 創(chuàng)建軌跡實(shí)體  
var polyline = viewer.entities.add({  
    polyline: {  
        positions: waypoints,  
        width: 5,  
        material: Cesium.Color.RED,  
        leadTime: 0,  
        trailTime: 0  
    }  
});

var viewer = new Cesium.Viewer('cesiumContainer');  
var encodedAddress = '北京市朝陽區(qū)'; // 需要地理編碼的地址或地名  
var request = {  
    address : encodedAddress, // 地址或地名字符串  
    resource : 'address' // 地理編碼資源類型，這里使用地址編碼資源類型（address）進(jìn)行示范。如果使用地名編碼資源類型（geocode），需要傳遞地名相關(guān)的參數(shù)。例如：{ name : '北京' }。此外，還可以選擇其他資源類型（例如：postalCode、intersection等）。具體可參考Cesium官方文檔。  
};  
viewer.geocoder.geocode(request).then(function(results) {  
    // 地理編碼成功，獲取地理編碼結(jié)果（包含經(jīng)緯度坐標(biāo)等）  
    var position = results[0].position; // 獲取第一個(gè)結(jié)果的經(jīng)緯度坐標(biāo)位置信息，返回一個(gè)Cesium.Cartesian3對象。如果有多于一個(gè)結(jié)果，可以根據(jù)實(shí)際需求進(jìn)行篩選或處理。例如：results[0].entity 等?？梢詤⒖糃esium官方文檔了解更多關(guān)于地理編碼結(jié)果的信息。使用經(jīng)緯度坐標(biāo)信息進(jìn)行后續(xù)操作，例如：繪制標(biāo)記點(diǎn)、添加軌跡等。   
});