Mars3D Studio 的使用方法

相关文章

• Mars3D使用过程遇到的问题记录【持续更新】

  需要标注线面的角度heading 2022年6月23日 heading计算方式： https://turfjs.fenxianglu.cn/ 计算两点之间的角度 直接F12在控制台可以计算 eg: 加载gltf模型，模型是透明的，需要改为不透明 2022年6月23日 用文本编辑器打开.gltf，把里面的\\\"alphaMode\\\":\\\"BLEND\\\"改成\\\"alphaMode\\\":\\\"OPAQUE\\\" 模型旋转之后，标

  2024年02月08日

  浏览(59)
• 

  【mars3d】基于vue3的marsgis通用UI库 mars-ui 的使用

  一名脑残程序员的mars-ui心酸使用记录。 通过mars3d的官网我们可以看到，有配套的UI库使用，那么我们如何使用到自己的项目中呢，跟着文章一步一步来吧！ 1、引入UI库 ① 安装 ant-design-vue ② 下载基于vue开发的mars3d的源码,直通车: git clone https://gitee.com/marsgis/mars3d-vue-project.gi

  2024年02月09日

  浏览(97)
• 

  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日

  浏览(37)

• 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显示地图，并且完成切换地图图层的功能，使用隐藏显示去控制图层

  如何安装mars3d请看这个链接哈！ 我用的是vue3 先引入mars3d 创建地图的变量 在template中定义div，并且id名为cesiumBox(可以自定义) 在 onMounted 中使用 切换地图图层的实例 在上面的实例继续添加下面代码 show为false的话是图层隐藏掉 天地图的api链接在底部 接着在 template 添加此代码

  2024年02月12日

  浏览(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日

  浏览(46)

• vue3+vite项目集成mars3d

  创建一个项目 yarn create vite // vue - ts 安装依赖 yarn add vite-plugin-mars3d -D yarn add mars3d 控制台警告 warning \\\" mars3d@3.5.0\\\" has unmet peer dependency \\\"@turf/turf@^6.5.0\\\". warning \\\" mars3d@3.5.0\\\" has unmet peer dependency \\\"mars3d-cesium@~1.103.1\\\". 安装 yarn add  @turf/turf mars3d-cesium 修改 vite.config.ts 修改srcApp.vue 就可

  2024年02月15日

  浏览(48)
• 

  vue集成mars3d后，basemaps加不上去

  首先： template   div id=\\\"centerDiv\\\" class=\\\"mapcontainer\\\"     mars-map :url=\\\"configUrl\\\" @οnlοad=\\\"onMapload\\\" /   /div /template script import MarsMap from \\\'../components/mars-work/mars-map.vue\\\' import * as mars3d from \\\'mars3d\\\' //npm install mars3d-echarts --save import \\\'mars3d-echarts\\\' const Cesium = mars3d.Cesium export default {   // eslint-disabl

  2024年02月10日

  浏览(38)