new mars3d.graphic.ModelEntity({clampToGround:true,模型不贴地处理办法

问题:

1.new mars3d.graphic.ModelEntity({clampToGround:true,时,发现模型不贴地

2.推断原因是模型可能建模的时候,坐标原点数据不正确,无法贴地。

解决方案:

<一>.在Mars3d的模型编辑调整页面,进行标绘。

避免跨域的方案:(温馨提示:二选一)

1.模型url允许跨域.

2.下载示例git clone https://gitee.com/marsgis/mars3d-vue-example.git,把模型文件塞public下面在本地加载。

链接地址:

功能示例(Vue版) | Mars3D三维可视化平台 | 火星科技

<二>.在调试的后,勾选【深度检测】,此时在地下的模型就会被遮挡。

<三>. 右键菜单开启Mars3d内置的模型的编辑菜单-按轴平移-修改模型位置

<四>.修改模型到合心意的位置后,单击【保存】按钮,即可保存模型的json配置

<五>.此时即可通过修改json配置文件来加载模型,例如使用new mars3d.layer.GraphicLayer(指定symbol的type为 "type": "model",即可。

相关加载代码:

const graphicLayer = new mars3d.layer.GraphicLayer({

name: "上海浦东",

data: [

{

type: "model",

position: [121.507762, 31.233975, 200],

style: {

url: "//data.mars3d.cn/gltf/mars/shanghai/scene.gltf",

scale: 520,

heading: 215

}

}

],

center: { lat: 31.251138, lng: 121.463588, alt: 1729.97, heading: 110.7, pitch: -25, roll: 0.2 },

popup: "上海浦东模型",

flyTo: true

})

map.addLayer(graphicLayer)

相关代码演示示例:

功能示例(Vue版) | Mars3D三维可视化平台 | 火星科技

演示效果:

下载的模型的json文件:

{

"type": "FeatureCollection",

"layer": {

"id": "m-f19fbfc0-8c99-4227-9e11-fdb0281779e4"

},

"features": [

{

"type": "Feature",

"properties": {

"name": "",

"id": "m-f9119a5c-0ba5-44e1-b679-4b7f078fecdd",

"type": "model",

"style": {

"url": "//data.mars3d.cn/gltf/mars/feiji.glb",

"scale": 1,

"radius": 452.48651365468163

},

"options": {

"drawShow": true

}

},

"geometry": {

"type": "Point",

"coordinates": [

117.423347,

31.932246,

110.5

]

}

}

]

}

相关推荐
加班是不可能的,除非双倍日工资2 小时前
css预编译器实现星空背景图
前端·css·vue3
wyiyiyi2 小时前
【Web后端】Django、flask及其场景——以构建系统原型为例
前端·数据库·后端·python·django·flask
gnip2 小时前
vite和webpack打包结构控制
前端·javascript
天宇_任3 小时前
Mysql数据库迁移到GaussDB注意事项
数据库·mysql·gaussdb
excel3 小时前
在二维 Canvas 中模拟三角形绕 X、Y 轴旋转
前端
阿华的代码王国3 小时前
【Android】RecyclerView复用CheckBox的异常状态
android·xml·java·前端·后端
一条上岸小咸鱼3 小时前
Kotlin 基本数据类型(三):Booleans、Characters
android·前端·kotlin
Jimmy3 小时前
AI 代理是什么,其有助于我们实现更智能编程
前端·后端·ai编程
ZXT3 小时前
promise & async await总结
前端
Jerry说前后端3 小时前
RecyclerView 性能优化:从原理到实践的深度优化方案
android·前端·性能优化