添加模型
EvoMap JS API中,使用EM.model.Model
类来创建并添加一个3D模型,然后通过地图对象上的addModel
方法将模型添加到地图上。
初始化地图
确保你已经引入了 EvoMap 的相关库,并且已经初始化了一个地图实例 map
。
let map = new EM.Map("map", {
zoom: 18, // 地图缩放级别
center: [460, 184, 0], // 地图中心位置
pitch: 55, // 地图倾斜角度
});
创建并配置模型
使用 EM.model.Model 类创建一个新的模型实例,并配置其属性。
let car = new EM.model.Model({
url: "../public/model/xiaofangche.gltf", // 模型文件的路径
coordinate: [320.364, 286.874, 0.3], // 模型的位置
rotate: [90, 35, 0], // 模型的旋转角度 (x, y, z)
scale: [1.5, 1.5, 1.5], // 模型的缩放比例 (x, y, z)
});
将模型添加到地图
使用 map.addModel 方法将创建的模型添加到地图上。
map.addModel(car);
完整代码示例
以下是完整的代码示例:
// 初始化地图
let map = new EM.Map("map", {
zoom: 20, //地图级别
center: [335.55, 292.53, 0], //地图初始化中心点
pitch: 60, //地图初始化俯仰角
roll: -40, //地图初始化方位角
});
// 创建模型
let car = new EM.model.Model({
url: "../public/model/xiaofangche.gltf",
coordinate: [320.364, 286.874, 0.3],
rotate: [90, 35, 0],
scale: [1.5, 1.5, 1.5],
});
// 将模型添加到地图
map.addModel(car);
注意事项
确保模型文件路径 (url) 正确,并且在服务器上可访问。 模型的坐标 (coordinate)、旋转角度 (rotate) 和缩放比例 (scale) 应根据实际需求进行调整。