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

最新推荐文章于 2024-04-02 15:25:22 发布
VIP文章 最新推荐文章于 2024-04-02 15:25:22 发布
阅读量1.7k 收藏 2
点赞数 1
文章标签： java 服务器 开发语言
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_62285976/article/details/126993000
版权

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

我们需要的效果如下

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

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

如下效果

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

这时候，我们需要在 geoJsonLayer =new mars3d.layer.GeoJsonLayer这个函数上方添加一个方法，也就是  map.removeLayer(geoJsonLayer) 这样就完美解决了这个问题，这样无论你点几遍上访的按钮，都不会在重

最低0.47元/天 解锁文章
崽崽有点笨
关注
  • 1
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
mars3d:Mars3D三维地球平台软件 主仓库，包含示例及引导
04-27
Mars3D三维地球平台 Mars3D三维地球平台软件 是研发的一款基于 WebGL 技术实现的三维客户端开发平台，基于优化提升与B/S架构设计，支持多行业扩展的轻量级高效能GIS开发平台，能够免安装、无插件地在浏览器中高效运行，并可快速接入与使用多种GIS数据和三维模型，呈现三维空间的可视化，完成平台在不同行业的灵活应用。 Mars3D平台可用于构建无插件、跨操作系统、 跨浏览器的三维 GIS 应用程序。平台使用 WebGL 来进行硬件加速图形化，跨平台、跨浏览器来实现真正的动态大数据三维可视化。通过 Mars3D产品可快速实现浏览器和移动端上美观、流畅的三维地图呈现与空间分析。 开发教程： API文档： Mars3D官网： 本仓库说明 运行站点 在任意开发编辑器（如vscode等）或http服务器(如node、nginx、tomcat、IIS等)下直接运行浏览examples.html
mars3d平台Vue2最简的项目模板源码
12-28
mars3d平台Vue2最简的项目模板源码，也可以在https://gitee.com/marsgis/mars3d-vue2-template下载。
【Mars3d绘制完成后设置离地面的实体高度】graphicLayer.startDraw绘制带高度的实体
最新发布
m0_69803146的博客
04-02 207
实现通过Mars3d在地球上绘制带高度的离地实体：graphicLayer.startDraw绘制带高度的实体
Mars3d实现对图层树顺序进行了调整的同时调整图层的层级
m0_69803146的博客
06-29 451
Mars3d实现对图层树顺序进行了调整的同时调整图层的层级
水经注下载注记地图， mars3d加载底图
m0_53584457的博客
02-22 683
以澳门为例子，水经注下载注记地图， mars3d加载对应注记底图
【Mars3d 基础 - 图层】种类和使用
m0_53584457的博客
12-31 3703
使用mars3d添加图层和矢量数据
【mars3d】new mars3d.layer.GeoJsonLayer(实现环状面应该怎么传data
m0_69803146的博客
01-05 1107
问题：【mars3d】new mars3d.layer.GeoJsonLayer(实现环状面应该怎么传data解决方案：1.在示例中修改showDraw()方法的data数据，实现以下环状面效果data: {],],],},symbol: {},})// load事件,必须在load完成前绑定才能监听console.log("数据加载完成", event)})// readyPromise是可以load加载数据完成后去获取。
【mrs3d+divGraphic】在地图上添加divGraphic
m0_53584457的博客
06-27 336
这红色的点就是调试点， 当面板的最下边处于那个点下，就说明位于地下了，就会导致移动地图，div移动；那就需要用到 testPoint 这个参数了 - 用于比较测试div的位置，方便调试CSS。处于点上，就说明是个有高度的div,也会有些微的移动，因为3d视角的原因嘛；或者你只用到其中一个样式，找到其中的样式，专门复制那一个样式也是可以的；到这里，样式应该也能生效，一个divGraphic就能出来了；有可能产生的问题就是移动地图时，div会移动；可以直接用他们封装好的css,省的调试了；
Mars3d图层树//图层管理加载时设置默认折叠的状态
m0_69803146的博客
09-05 235
Mars3d图层树//图层管理加载时设置默认折叠的状态
Mars3d实现加载gif动图
m0_69803146的博客
05-15 351
Mars3d实现加载gif动图
【mars3d】基于vue3的marsgis通用UI库 mars-ui 的使用
球球博客
06-28 2271
一名脑残程序员的mars-ui心酸使用记录。 通过mars3d的官网我们可以看到，有配套的UI库使用，那么我们如何使用到自己的项目中呢，跟着文章一步一步来吧！ 1、引入UI库 ① 安装ant-design-vue cnpm install ant-design-vue --save ② 下载基于vue开发的mars3d的源码,直通车: git clone https://gitee.com/marsgis/mars3d-vue-project.git，如下图所示，将src/components/mar
mars3d-link-supermap:Mars3D兼容使用超图平台示例
04-01
更多示例，请从mars3d功能示例库中拷贝即可。 运行站点 在任意开发编辑器（如vscode等）或http服务器（如node，nginx，tomcat，IIS等）下直接运行浏览a10_createMap_viewer.html等示例页面即可 运行效果 压缩及改造 ...
Mars3D+nginx 搭建离线API服务，本地访问
12-20
1.解压缩后启动nginx,浏览器访问localhost:809/index.html 2.有任何问题或者需要Mars3D其他API版本可联系博主
mars3d平台Vue3最简的项目模板源码
12-28
https://gitee.com/marsgis/mars3d-vue-template
vue3使用mars3d实现地图轮播高亮，且每个区域颜色不一样
qq_46131497的博客
12-11 497
思路:初始化一张完整的地图，然后定时器去挨个生成每个县上的地图，并且覆盖在原来的位置，每到一定的时间，就清除之前生成高亮图并且生成下一张高亮图。
Mars3D(含Cesium)数据及服务篇：在线地图的下载和使用
木遥的专栏
12-31 2455
TIF文件为栅格图像文件，后缀为tif或tiff，是ogc规范的一种，全称GeoTiff。通常不能在资源管理器中查看tif栅格影像数据的坐标系信息，需要用GIS软件查看，因为它的坐标系信息写在数据文件内部。 tif可以有8位，24位等深度，一般真彩色是24位，而地形数据只有一个高度值，采用8位。目前很多卫星影像数据、地形数据的存储格式都是tif。
vue3 mars3d 天地图
01-13 1470
vue3 mars3d集成天地图
Mars3D三维可视化平台
Lifelong learning
09-04 2143
提供多种时空数据，包括影像、高程、矢量、实景、三维模型等各类数据的叠加融合、支持包括OGC、TMS、MapBox、3DTiles等标准服务与数据的接入加载。提供了包括距离、面积、高度、角度、剖面、体积等多种量算分析功能；提供了等高线、天际线、地表透明、地形开挖、模型剖切、模型裁剪、模型开挖等功能。提供支持包括点、线、面、体、模型、军事标绘等多种矢量数据的标绘的使用与管理，提供多图层的标绘管理、提供矢量数据的统一风格的API调用和style样式设置，可导出导入标准GeoJSON格式数据。
new mars3d.layer.GeoJsonLayer({加载边线为虚线的行政区效果
m0_69803146的博客
01-19 787
new mars3d.layer.GeoJsonLayer({加载边线为虚线的行政区效果
mars3d加载PBF矢量地图服务
05-18
Mars3D可以加载PBF格式的矢量地图服务，具体步骤如下： 1. 在Mars3D中创建一个新的场景。 2. 在场景中添加一个`GeoJsonDataSource`数据源对象。 3. 在数据源对象中设置`url`属性为PBF矢量地图服务的访问地址。 4. 调用`load`方法加载数据源。 以下是示例代码： ```javascript //创建场景 var viewer = new Cesium.Viewer('cesiumContainer'); //创建GeoJsonDataSource数据源对象 var dataSource = new Cesium.GeoJsonDataSource(); //设置数据源的url属性为PBF矢量地图服务的访问地址 dataSource.load('http://example.com/pbf_service'); //将数据源添加到场景中 viewer.dataSources.add(dataSource); ``` 在实际使用中，需要根据自己的实际情况进行相应的配置和调整。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值