mars3d

[mars3d] 学习

今天整体说下mars3d，集成问题之后在说，先说下概念性的东西； 一、设置地球的参数下载他们的示例，如果不是特别的要求，可以直接使用他们的 confign 进行加载； 如果有什么特别的设置的，可以通过…

vue3中mars3d通过滑动条去改变地图图层的透明度

效果图加滑动条因为我这个存在单选框，在点击滑动条的时候会出现将单选框选中的问题，所以用了一个div把滑动条包裹起来并加了冒泡 changeLiveSituationBg方法 // 改变底图显示颜色 val是我点击这个单选框对应值 const changeLiveSituationBg va…

通过mars3d1.8+cesium1.6根据坐标获取对应坐标在3dtiles模型上的高度

在前端开发中，使用地图和3D模型的需求越来越常见。然而，对于一些开发者来说，如何在3D模型上获取对应坐标的高度可能是一个挑战。在本文中，我们将介绍如何使用mars3d1.8和cesium1.6这两个强大的前端库来实现这一功能。 mars3d是一个…

[mars3d 学习] 最近升级版本造成的问题

1、mars3d升级3.5以上，使用的时候报错； 需要看下 Mars3D三维可视化平台 | 火星科技版本更新日志； 使用将Cesium的版本升级到1.103 2、升级Cesium到1.103，之后打包又会报错 - error in ./node_modules/mars3d-Cesium/Build/Cesi…

【mars3d】Cesium实现雷达放射波

Cesium实现雷达放射波 1、雷达放射波先看效果图说明：使用的是mars3d框架，原生的Cesium实现方式可以绕道~ 实现方式： <template><div id"mars3dContainer"></div> </template><script setup> i…

Vue3项目中集成mars3D简单三部曲这里是参考网址，大佬可以点击一件跳转 1.安装依赖 npm install vite-plugin-mars3d --save-dev2.修改 vite.config.ts 配置文件 import { defineConfig } from vite; import { mars3dPlugin } from vite-plugin-mars3d;export d…

vue3使用Mars3D写区块地图

效果图引入相关文件因为我也是第一次使用，所以我是把插件和源文件都引入了，能使用启动源文件下载地址： http://mars3d.cn/download.html 放入位置在index.html中引入 <link href"/static/C…

vue3使用mars3d实现地图轮播高亮，且每个区域颜色不一样

效果图(珙县就是轮播高亮的效果) 思路:初始化一张完整的地图，然后定时器去挨个生成每个县上的地图，并且覆盖在原来的位置，每到一定的时间，就清除之前生成高亮图并且生成下一张高亮图如何引入地图上篇文章已详细发过略父组…

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

一名脑残程序员的mars-ui心酸使用记录。通过mars3d的官网我们可以看到，有配套的UI库使用，那么我们如何使用到自己的项目中呢，跟着文章一步一步来吧！ 1、引入UI库 ① 安装ant-design-vue cnpm install ant-design-vue --save②…

38 mars3d 对接地图图层绘制点线面员

前言这里主要是展示一下 mars3d 的一个基础的使用主要是设计接入地图服务器的卫星地图, 普通的二维地图, 增加地区标记基础绘制点线面园等等测试用例 <template><div style"width: 1920px; height:1080px;"><div class"mars3dClas…

Mars3D集成到ruoyi管理系统

尽管Mars3d的官网上提供了详尽的文档和API参考手册，但是在集成至ruoyi后天管理系统中时，还是碰到了不少问题： npm安装方式，若只安装mars3d，会提示找不到mars3d-cesium引用cesium相关库的时候，报404错误这…