- 博客(18)
- 收藏
- 关注
原创 mars3d-创建地球(vite+vue)
如果没有vite 环境,需要安装Vite,Vite 需要 Node.js 12.0.0以上,否则无法使用。安装好node环境后,全局安装 vite :npm install @vitejs/app -g安装成功之后创建项目使用命令行npm init @vitejs/app + 你的项目名 例如(npm init @vitejs/app mars3d-study)之后会出现以下界面 ,按上下键选择vue即可等待安装完成,可以用vscode或其他编辑器打开你的项目文件目录,例如我的 之后就可以输入 np
2022-06-22 10:23:09
1258
1
原创 mars-3d 自定义echarts柱状图柱子的样式
可以使得柱状图的顶端是倾斜的,当如如果有其他需要,也可以通过这种组合的方式进行自定义样式效果,方便又快捷
2022-06-10 17:14:35
1537
原创 mars-3d 我的未来规划
六月已至,实习期将满毕业临近,汽车载着我们这群人抵达了十字路口,哪些人会在哪一站在上车的那一刻已然订好,可我不,这沿途的风景才让人着迷,这无端的街市五颜六色,可真要融入进去我却又不敢,只好是选了一条自己的路,确定是自己走出来的。...
2022-06-06 09:42:13
170
原创 mars-3d自制文件整理脚本
这周俺们老板给我安排了个任务,给你一大批文件,现在按文件名放入对应的文件夹里,并且放好后名字都要改成index.html,数量大约是四百个,假如一个一个放那要放到手抽筋而且效率非常慢,所以只能使出我的脚本大法!如图一共是454个文件,需要全部归类里边是这样这是需要放入的文件,文件名与文件夹路径对应下面上代码 <script type="text/javascript"> var fso = new Act...
2022-05-20 17:19:31
131
原创 mars-3d 如何在你的页面炫一个3d的飞机
1.首先需要创建一个矢量数据图层 // 创建矢量数据图层 const graphicLayer = new mars3d.layer.GraphicLayer() map.addLayer(graphicLayer)2.配置飞机模型相关属性 const graphic = new mars3d.graphic.ModelEntity({ name: "飞机", position: [116.239918, 30.879709, 1208], style:
2022-05-13 17:33:40
259
原创 mars3d-react开发遇到的问题
useEffect不支持关键词async,原因是:使用async/await关键词,会返回一个promise,useEffect的返回也就是promise了。解决办法:在useEFfect中写一个异步函数,并调用它。useEffect(() => { const fetchData = async () => { const response = await fetch( "https://jsonplaceholder.typicode.com/users
2022-05-07 17:52:05
182
原创 mars-3d react篇
这周接触到的新知识,在此总结一下在react中定义变量的方法 const packageName = "mars3d" const [list, setList] = useState([]) const [newList, setNewList] = useState([]) const [inputValue, setInputValue] = useState("")在react中给变量赋值要使用上述setList()等方法 useEffect...
2022-04-29 17:22:01
218
原创 mars3d与echart图表结合使用
// echart 图表的参数function getEchartsOption() { const options = { animation: false, visualMap: { min: 0, max: 15, bottom: "5%", right: "5%", itemHeight: 30, show: true }, series: [ { type: "effectScatter", coordinateSys.
2022-04-22 18:03:18
297
原创 mars-3d 公共方法:日期过滤和字段排序(自动识别数字和日期)
话不多说先上代码过滤/** * 日期过滤 * * @export * @param {any} array 传入数组 * @param {string} key 示例: "info.date.update" * @param {string} time time示例: "1d" "2m" * @return {any | null} 返回过滤后的数组 */export function fieldTime(array: any, key: string, time
2022-04-15 17:24:22
233
原创 mars3d-制作一个科技感满满的动态文本框
这里是css样式代码/**************** 蓝色科技感文本面板 ****************/.hot-spot { background-image: url("../../img/marker/circleBlue.png"); position: absolute; background-repeat: no-repeat; user-select: none; z-index: 100000; width: 70px; height: 44px;
2022-04-08 17:03:48
677
原创 mars-3d 台风来喽(台风的制作)
这是一个台风图标的形成方法,使用后会如上图,那肯定有小伙伴问为啥要用这么复杂的方式去实现呢,不可以用一张图片吗,我想说的是这样的台风我们能掌控他的一切数据,例如大小矢量等等 computeCirclularFlight(lon, lat, radius, fx, angle) { //传入 经纬度 半径 从多少度开始 绘制多少度结束 let Ea = 6378137; // 赤道半径 let Eb = 6356725; // 极半径 let positio..
2022-04-08 16:48:04
759
原创 我感觉正在进步
这周我又因为马虎而没有完成项目任务,在更改示例的时候我没有对更改的地方进行测试,这导致我提交的代码是功能不全的,还好汪总很细心的才找出这个错误,要是流转到客户手上那将造成十分严重的后果,上次也是因为我的马虎态度而导致的错误,这次我觉得很不应该,俗话说事不过三,所有我一定要端正好态度,可千万不能再犯相同的错误,错误可以被指出来改正,但是不能一直犯错,这我是坚决要改正的。这周我学到的东西有很多,其中react的学习让我很感兴趣,我发现react在数据的传递上是要比vue更加灵...
2022-03-25 17:45:30
1069
转载 自定义vant组件样式
学习修改vant组件样式无法显示的问题由于scoped只对当前.vue文件中的template模板标签内的结构有效,所以在含有scoped属性的style标签中修改vant组件样式是无效的。所以先确保.vue文件的style标签没有使用scoped属性,然后在浏览器中查看想要修改的组件的类名即可。如上所示新添的样式已经覆盖原有的样式。但如果使用了大部分的default类型的button组件,然后只是修改部分的样式,上面的写法就不太合适了,因为它会作用于当前页面的所有.van-butto.
2022-03-14 08:34:59
1458
原创 Mars-3D为什么使用Cesium
Cesium 是一款面向三维地球和地图的,世界级的JavaScript开源产品。它提供了基于JavaScript语言的开发包,方便用户快速搭建一款零插件的虚拟地球Web应用,并在性能,精度,渲染质量以及多平台,易用性上都有高质量的保证。通过Cesium提供的JSAPI,可以实现以下功能:全球级别的高精度的地形和影像服务矢量以及模型数据基于时态的数据可视化多种场景模式(3D,2.5D以及2D场景)的支持,真正的二三维一体化1.35版推出3D Tiles规范,支持海量模型数据(倾..
2022-03-04 17:24:09
687
原创 关于我对Mars-3D的学习心得
在Mars-3D学习已有半月,我对项目整体已有初步的认知和了解,学习期间也有参与进项目的开发与修改,在这过程中也产生了一些自己的心得与感悟,同时是在项目开发上以及与同事的相处上,因而记下作日后对自己的一份记录或是对后浪的参考。...
2022-03-04 17:18:47
310
1
原创 mars3d开发-热力图
一、设置视角 scene: { center: { lat: 31.654436, lng: 117.083883, alt: 759, heading: 316, pitch: -50 } }二、创建模型热力图1.加一个石化工厂模型代码如下(示例): map.fixedLight = true // 固定光照,避免gltf模型随时间存在亮度不一致。 const tilesetLayer = new mars3d.layer.TilesetLayer({
2022-02-16 09:31:47
672
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人