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

这篇具有很好参考价值的文章主要介绍了new mars3d.graphic.ModelEntity({clampToGround:true,模型不贴地处理办法。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

问题:

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

new mars3d.graphic.ModelEntity({clampToGround:true,模型不贴地处理办法,Mars3d,app,vue,3d,javascript,数据库,前端

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

解决方案:

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

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

1.模型url允许跨域.

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

链接地址:

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

new mars3d.graphic.ModelEntity({clampToGround:true,模型不贴地处理办法,Mars3d,app,vue,3d,javascript,数据库,前端
 

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

new mars3d.graphic.ModelEntity({clampToGround:true,模型不贴地处理办法,Mars3d,app,vue,3d,javascript,数据库,前端

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

new mars3d.graphic.ModelEntity({clampToGround:true,模型不贴地处理办法,Mars3d,app,vue,3d,javascript,数据库,前端

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

new mars3d.graphic.ModelEntity({clampToGround:true,模型不贴地处理办法,Mars3d,app,vue,3d,javascript,数据库,前端

<五>.此时即可通过修改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三维可视化平台 | 火星科技

演示效果:

new mars3d.graphic.ModelEntity({clampToGround:true,模型不贴地处理办法,Mars3d,app,vue,3d,javascript,数据库,前端

下载的模型的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

                ]

            }

        }

    ]

}

new mars3d.graphic.ModelEntity({clampToGround:true,模型不贴地处理办法,Mars3d,app,vue,3d,javascript,数据库,前端文章来源地址https://www.toymoban.com/news/detail-783364.html

到了这里,关于new mars3d.graphic.ModelEntity({clampToGround:true,模型不贴地处理办法的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • new mars3d.layer.XyzLayer({的rectangle瓦片数据的矩形区域范围说明

    new mars3d.layer.XyzLayer({的rectangle瓦片数据的矩形区域范围说明 2.这个xyz图层的矩形区域范围rectangle从图层文件中无法获取,但是看图层文件可以知道这个是12-21级的数据。   3.一般这个图层数据文件服务会有提供相应的rectangle范围,在服务的xml文件内,可以看到这个数据值。如

    2024年04月25日
    浏览(35)
  • Mars3D使用教程

    1、使用npm安装依赖库 //安装mars3d主库 ​ //安装mars3d插件(按需安装) ​ //安装copy-webpack-plugin 插件在第3步中使用,根据webpack版本安装,不匹配的版本可能出错,版本需要5.0 “copy-webpack-plugin”: “^5.0.0”, 2.在main.js全局导入 或者 在使用mars3d的文件中导入(这一步可以跳过,

    2024年02月02日
    浏览(50)
  • mars3d绘制区域范围(面+边框)

    1、图例(绿色面区域+白色边框)  2、代码 1)、绘制区域ts文件 解释: 1、new mars3d.layer.GeoJsonLayer      生成矢量图层 2、styleField       \\\"levels\\\" 是在json文件中区分不同级别景区的标志,值为1、2、3等 3、styleFieldOptions       根据styleField获取到的值进行区分,划分不同颜色的

    2024年02月15日
    浏览(48)
  • vue3 mars3d 天地图

                    npm i mars3d                  npm i mars3d-heatmap (热力图,需要的话安装)                 npm i -D copy-webpack-plugin                 增加mars3d目录配置,修改vue.config.js中configureWebpack里的内容如下:  使用: 最后附上天地图mapUrl地址

    2024年02月15日
    浏览(38)
  • Vue2项目使用mars3d

    或参考webpack.config.js写法进行修改

    2024年02月14日
    浏览(45)
  • Mars3D Studio 的使用方法

    mars3d Studio 是 mars3d 研发团队于近期研发上线的一款 场景可视化编辑平台。拥有资源存档、团队协作、定制材质等丰富的功能。可以实现零代码构建一个可视化三维场景。 (1)数据上传:目前支持 tif 影像上传、 3dtitles 、 gltf 小模型上传以及矢量数据( shp、gesojson、kml ) 下

    2023年04月16日
    浏览(102)
  • Mars3D/Cesium + VUE3

    不定期更新 参考官网: http://mars3d.cn/dev/guide/start/import.html#_3-3-vite-%E6%8A%80%E6%9C%AF%E6%A0%88%E6%97%B6-%E7%9A%84%E9%A1%B9%E7%9B%AE%E9%85%8D%E7%BD%AE%E4%BF%AE%E6%94%B9 :已亲测vite框架,可以运行,具体见下main 1、插件 vite-plugin-mars3d vite中需要

    2024年02月14日
    浏览(48)
  • [mars3d 学习] 最近升级版本造成的问题

    1、mars3d升级3.5以上,使用的时候报错; 需要看下 Mars3D三维可视化平台 | 火星科技 版本更新日志; 使用将Cesium的版本升级到1.103 2、升级Cesium到1.103,之后打包又会报错 - error in ./node_modules/mars3d-Cesium/Build/Cesium/index.js 哦,是因为cesium1.96改变了代码打包方式;在vue2中就会存在

    2024年02月17日
    浏览(67)
  • Mars3d项目启动上的一些坑

    最近新入职了一家公司,公司新开了有个未来城市的项目,需要用到3D城市建模,公司老总选了Mars3d作为前端框架,项目分给我了,又是一个全新的领域,开搞吧! 下面是自己遇到的几个小问题,记录一下: 1 npm install copy-webpack-plugin --save -dev 时报错 解决办法:npm install cop

    2024年02月05日
    浏览(47)
  • vue3使用Mars3D写区块地图

    因为我也是第一次使用,所以我是把插件和源文件都引入了,能使用启动 源文件 下载地址: http://mars3d.cn/download.html 放入位置 在index.html中引入 引入插件 我是封装的组件,代码的使用和意义 我直接放在备注中 大体布局 父组件 添加地图内部数据和地图外部数据的方法 ,我都

    2024年01月20日
    浏览(52)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包