关于Mars3D创建多图层以及图标重复加载方法

9月前作者：崽崽有点笨分类：Toy博客阅读(41) 违法举报

这篇具有很好参考价值的文章主要介绍了关于Mars3D创建多图层以及图标重复加载方法。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

这是一个困扰我好几次的问题了，今天就给他彻底解决了

我们需要的效果如下

关于Mars3D创建多图层以及图标重复加载方法

但是第一遍是正确的，如果再点击一次上方按钮呢？他会不会出I现两次呢，如果是出现两次的话，input框还能控制显示隐藏吗？

答案是：可以，但是，他只能控制一次，就比如说，我点击了两次按钮，所以图标也就加载了两次，但是input框只能控制一次的显示隐藏，所以往后越积越多，就会给人一种input失效的错觉，其实并没有

如下效果

关于Mars3D创建多图层以及图标重复加载方法

两张应该能很明显的看出区别

这时候，我们需要在 geoJsonLayer =new mars3d.layer.GeoJsonLayer这个函数上方添加一个方法，也就是 map.removeLayer(geoJsonLayer) 这样就完美解决了这个问题，这样无论你点几遍上访的按钮，都不会在重文章来源地址https://www.toymoban.com/news/detail-476353.html

到了这里，关于关于Mars3D创建多图层以及图标重复加载方法的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！

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

分享到：

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

vue3 mars3d 天地图

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

2024年02月15日
浏览(36)
Mars3D Studio 的使用方法

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

2023年04月16日
浏览(99)
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日
浏览(45)
[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日
浏览(61)
Mars3d项目启动上的一些坑

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

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

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

2024年01月20日
浏览(49)
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日
浏览(47)
Mars3D使用过程遇到的问题记录【持续更新】

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

2024年02月08日
浏览(58)
通过Mars3d在地图上加载风力发电机车模型

首先理清需求，通过Mars3d的基础项目，在基础项目模板上添加一个风力发电机模型。 Mars3d官网的基础项目下载地址：Mars3D三维可视化平台 | 火星科技 gitee地址： git clone https://gitee.com/marsgis/mars3d-vue-project.git 下载一份基础项目模板到本地后，参考README.md正常打开运行即可其次

2024年02月01日
浏览(49)
Mars3d采用ellipsoid球实现模拟地球旋转效果

1.Mars3d采用ellipsoid球实现模拟地球旋转效果 2.开始自选装之后，模型一直闪烁 http://mars3d.cn/editor-vue.html?id=graphic/entity/ellipsoid 3.相关代码： 4.采用属性机制即可实现球体模拟地球旋转的效果：采用属性机制即可

2024年02月16日
浏览(47)