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

]

}

}

]

}

相关推荐
风之舞_yjf几秒前
Vue基础(26)_单文件组件
前端·vue.js
weixin_422201301 分钟前
Element Plus中el-tree组件默认选中第一个节点的实现方法
前端·javascript·vue.js
_OP_CHEN2 分钟前
【前端开发之CSS】(六)CSS 弹性布局(Flex)完全指南:从入门到精通,搞定所有布局需求
前端·css·html·flex布局·弹性布局·界面美化·页面开发
范纹杉想快点毕业3 分钟前
嵌入式通信协议深度解析:从SPI/I2C到CAN总线的完整实现指南嵌入式工程师的炼成之路:从校园到实战的跨越
linux·运维·服务器·数据库·算法
雄狮少年3 分钟前
简单react agent(没有抽象成基类、子类,直接用)--- langgraph workflow版 ------demo1
前端·python·react.js
css趣多多4 分钟前
组件没有原生事件
前端·javascript·vue.js
数据知道4 分钟前
PostgreSQL 实战:如何优雅高效地进行全文检索
大数据·数据库·postgresql·全文检索
IT陈图图5 分钟前
Flutter × OpenHarmony 实战:优雅构建确认对话框的组件化方案
开发语言·javascript·flutter
雨季6665 分钟前
Flutter 三端应用实战:OpenHarmony 简易文本末尾字符查看器开发指南
开发语言·javascript·flutter
小小弯_Shelby6 分钟前
el-form表单简洁有效地解决新增与查看详情共用一个页面问题,控制el-form的disabled设置和修改样式
前端·vue.js·elementui