- 博客(17)
- 收藏
- 关注
RSS订阅原创 mars3d中时间的转换
使用mars3d创建动态路线时，或者需要日照时就需要涉及到时间的问题；第一步：获取时间// 获取现在的时间const nowTime = map.clock.currentTime// 获取开始的时间const startTime = mao.clock.startTime// 获取结束的时间const stopTime = map.clock.stopTime第二步: 转换时间// 将mars3d获取的时间转换成常用的时间const time= Cesium.Juli..
2022-03-08 13:24:47
387
原创 Mars3d开发智慧社区
前言智慧社区是社区管理的一种新理念，是新形势下社会管理创新的一种新模式。智慧社区是指充分利用物联网、云计算、移动互联网等新一代信息技术的集成应用,为社区居民提供一个安全、舒适、便利的现代化、智慧化生活环境,从而形成基于信息化、智能化社会管理与服务的一种新的管理形态的社区。 [2] “智慧社区”建设能够有效推动经济转型，促进现代服务业发展。一、在地图上添加合肥建筑物模型// 合肥市建筑物模型function addTilesetLayer() { const fragmentShader..
2022-03-08 13:22:51
621
1
原创 Mars3d开发:飞行漫游
前言Mars3d一款基于 WebGL 技术实现的三维客户端开发平台，基于Cesium 优化提升与B/S架构设计，支持多行业扩展的轻量级高效能GIS开发平台，能够免安装、无插件地在浏览器中高效运行，并可快速接入与使用多种GIS数据和三维模型，呈现三维空间的可视化，完成平台在不同行业的灵活应用一、参考API飞行漫游API http://mars3d.cn/apidoc.html二、创建一个漫游对象1.创建矢量图层代码如下： const graphicLayer = new mars3d...
2022-03-08 13:21:30
706
原创 mars3d基于vue3.0的widget使用
mars3d在vue3.0生态上开发了两个gis相关开源项目 mars3d-vue-example 和 mars3d-vue-project，在这两个项目中widget都是非常重要的一个模块。通过widget可以在复杂的场景下非常清晰的管理功能模块之间的互斥关系，管理内存，完成不同的功能模块之间的解耦，并且可以实现功能模块之间的交互。下面就来介绍一下，widget模块的使用。前置依赖：使用widget模块，则必须依赖vuex，通过vuex实现widget管理、交互等。widget相关的代码一
2022-03-08 13:18:11
2605
原创 基于vue3的marsgis通用UI库 mars-ui 的使用
如果使用marsgis+vue的相关产品，mars-ui的使用一定需要了解，mars-ui是火星科技针对gis应用场景定制的一套ui框架，其中基础组件是在antdv的基础之上做的二次封装。使用方式和参数与antdv基本一致。marsui除了在火星科技的项目中使用之外，也可以单独应用于其他基于vue3.0的项目，只需要将源码拷贝到自己的项目中然后做一些简单的配置即可。下面以vite+vue3.0项目为例，对mars-ui的使用和配置进行说明复制mars-ui到项目的components文件夹下配置按
2022-03-08 13:17:35
1340
原创 在vite中使用mars3d
由于vite相比较于webpack在开发环境中巨大的效率提升，于是打算将项目迁移至vite技术栈，之前在vue-cli的项目中使用mars3d需要通过 copy-webpack-plugin 来处理cesium的一些静态资源依赖。像下面这样。[ // 标识cesium资源所在的主目录，cesium内部资源加载、多线程等处理时需要用到 new webpack.DefinePlugin({ CESIUM_BASE_URL: JSON.stringify(cesiumRunPath) }
2022-03-08 13:16:55
1070
原创 mars3d获取地图和图层相关数据
在实际项目中经常会遇到自定义图层和地图控件的需求，首先就需要获取到图层和地图相关的数据，mars3d都提供了相关的api来满足此类操作。这里先以实际项目中的地图控制为例来学习一下相关的api使用。// 首先初始化地图map = new mars3d.Map("map-container", option)// 直接调用getBasemaps就可以获取地图相关数据const baseMaps = map.getBasemaps()此时已经拿到了底图的相关数据，但是同时也拿到了，不包含图层
2022-03-08 13:16:29
1258
原创 mars3d vue基础项目集成vuex
在开源版本的 mar3d-vue-project 项目中如何集成自己的vuex状态管理呢？这里我来介绍两种方式方式一：这个项目中已经帮我们引入了vuex，可以在每个页面中直接使用，以example为例，下图可以看到页面目录下存在一个widget-store.js 的文件，本文件可以直接编写vuex相关代码interface State extends WidgetState { count: number}const store: StoreOptions<State>
2022-03-08 13:15:56
356
原创 解决引入mars3d后webpack打包过慢的问题
项目中使用了mars3d开发gis相关功能，打包时发现耗时过长（大约需要十几分钟），查看终端输出从终端输出中可以看出，babel提示mars3d.js 文件过大，此时问题已经比较清楚了，由于公司内网无法使用npm上的mars3d资源，所以采用的将源文件下载到项目中的方式加载mars3d，默认的babel配置不会编译node_modules中的资源，但是采用当前的方式，mars3d则会进入babel的编译流程，所以导致打包速度过慢。解决方案：由于下载mars3d.js的资源是官方提供的编译后的
2022-03-08 13:14:55
253
原创 使用mars3d绘制矢量数据，页面中不显示
在vue中使用mars3d，尝试实现官方模板的示例。效果如下首先引入相关资源，使用npm安装npm i mars3d -Swebpack相关配置参考官方github vue.config.js。然后将官方提供的 vue3.0的map组件也拷贝到项目中 MarsMap准备就绪开始实现功能。<template> <MarsMap :url="configUrl" map-key="test" @onload="marsOnload" /></tem
2022-03-08 13:14:18
772
原创 mars3d的config.json 配置文件说明
当前Mars3D开源的功能示例、项目模板中都是用config.json来传参构造Map三维地图的，这种方式比较方便后期修改和扩展。Mars3D对地图的初始化进行了封装，通过传入构造参数即可方便的对地图常用功能进行初始化，并且构造参数可以存放在json配置文件或后端数据库中，按配置内容对地图进行初始化。 在大部分项目中，地图初始化都是类似的，不同的是一些相关参数和图层不同，我们使用时不用关注内部实现，只用按项目按权限需求修改或使用不同的配置信息即可。
2021-12-27 12:06:56
1006
1
原创 Mars3D功能示例原生JS版下载运行
Mars3D原生示例 首先建议您学习浏览一遍我们功能示例的源码（源码中会有大量注释），阅读源码时可以结合查阅API文档来理解类及方法的作用和参数说明等。
2021-12-27 11:59:29
666
原创 Mars3D功能示例Vue版下载运行教程
对mars3d功能示例的下载及本地运行。首先建议您学习浏览一遍我们功能示例的源码（源码中会有大量注释），阅读源码时可以结合查阅API文档来理解类及方法的作用和参数说明等。
2021-12-27 11:56:06
1170
原创 Mars3D整体架构及介绍
Mars3D平台主要由： SDK类库、功能示例、项目模板 共3大部分组成。这些资料均免费开放，并可下载离线本地使用。
2021-12-27 11:40:49
2023
原创 Mars3D平台介绍
Mars3D三维可视化平台 是火星科技研发的一款基于 WebGL 技术实现的三维客户端开发平台，基于Cesium 优化提升与B/S架构设计，支持多行业扩展的轻量级高效能GIS开发平台，能够免安装、无插件地在浏览器中高效运行，并可快速接入与使用多种GIS数据和三维模型，呈现三维空间的可视化，完成平台在不同行业的灵活应用。
2021-12-27 11:31:52
524
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人