qq_44806249的博客

vue+ vite +ts 集成mars3d

mars3d studio场景编辑平台的使用

利用turf计算最短路径

mars3d和turf的使用

vue Slot的使用

ant-desgin-vue modal 组件修改样式无效

关键字查询

商品金额格式转化。

mars3d。RoamLine到FixRoute的升级

ant- design for table。合并单元格方法

mars3d mars3d开发常见问题

ant-design for react 日期选择器遇到的问题（mars3d开发）

React什么周期的使用

mars3d基础项目开发过程中遇到的组件之间的通信

使用mars3d常见问题记录

mars3d - Webpack打包教程

问题一：缺少<tbody>报错报错信息如下总结：react对代码要求的严格程度貌似比vue要严格一些，在vue中不加<tbody>就不会有问题，但是在react中就会出现警告，解决办法：在tr标签的外面加上<tbody></tobdy>...

漫游详细组件封装1、问题描述在飞行漫游模块示例的迁移过程中，多处用到的UI部分进行封装成组件2、实现方法——函数式组件（1）useState设置默认参数状态 const [roamLineData, setRoamLineData] = useState({ td_alllength: 0, td_length: 0, td_alltimes: 0, td_times: 0, td_jd: 0, td_wd: 0, td_gd: 0,

简介：在使用mars3d进行移动端开发项目中，绘制线矢量数据和在PC端有很大不同点。主要体现在PC端可以通过鼠标双击 ，确定 线已经绘制完成，移动端没有双击。解决办法：在移动端想要结束绘制，需要调用endDraw()方法具体实现代码：绘制export function addLine() { return graphicLayer .startDraw({ name: "mars3d Demo", type: "polyline", style: {

简介：为了减少在通过url传递过多的参数，我们使用了localforage的库来存储数据，但面临的问题是当用户清除缓存后就会拿不到数据，出现错误。为了解决这个问题，我们使用了高德的接口。一：路由传参这里我们只传递一个PIO点的key router.replace({ name: "search-result", query: { pointId: item.key } })二、拿到参数 const data: any = await localfora

简介：在app开发收尾阶段，需要对之前通过localforage的方式获取记录的方式进行修改。目前后端采用node.js完成。收藏功能前后端对接：1、后端提供的接口collections/insert //添加collections/select //查询所有collections/select //根据ID查询collections/delete //根据ID删除collections/getIsCollection //判断是否已经被收藏2、前端接口参数结构以添加为例export

实现时序位置坐标一、1、现有数据如下 const arrData = [ { title: "中国安徽广播电视台", description: "安徽广播电视台（AHTV）是集广播、电视、报纸、</br>网络、新媒体等多种业务为一体的省级广播电视综合传</br>媒机构。", center: { lat: 31.817346, lng: 117.216403, alt: 342, heading: 168, pitch:

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录前言一、业务需求二、实现过程1.接口部分2.取消收藏3、收藏前言mars3d App开发暂时涉及到的业务都是纯前端部分，但是我们也为后端留有接口，其中就包括判定导航路线或者POI点是否被收藏。一、业务需求点击收藏POI点或者路线后，再次进入时能够判定是否已经被收藏，并且收藏图标发现改变。合肥南站 POI点已经被收藏，下次再次进来是依然显示被收藏。二、实现过程1.接口部分代码如下：// 判断是否已经被收藏e.

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录前言一、功能场景描述二、实现过程1.使用mars3d已经封装好的高德接口2、根据设施code查询3、附近点搜索前言提示：这里可以添加本文要记录的大概内容：例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基础内容。一、功能场景描述同高德地图和百度地图一样，可以查询到目标点附近的设施点，例如加油站、美食等等。我们使用的高德的接口进行查询的。二、实现过程.

文章目录前言一、使用场景二、router.push()和router.replace()1.router.replace()2.router.push()三、使用VueRouter之query与params两种传参区别前言mars3d App首页搜索模块遇到了有关路由传参的一些问题在此记录一下。提示：以下是本篇文章正文内容，下面案例可供参考一、使用场景1、搜索页输入关键词，点击搜索到搜索结果页面2、搜索结果页面，点击“附近”到附近数据列表页面，3、点击 要在目标点附近搜索的类型（美食，加油

合抱之木，生于毫末； 九层之台，起于累土； 千里之行，始于足下。雾天气特效首先我们在地图上加载一个模型代码如下：代码如下（示例）： // 创建gltf模型， const gltfLayer = new mars3d.layer.ModelLayer({ name: "上海浦东", url: "//data.mars3d.cn/gltf/mars/shanghai/scene.gltf", style: { scale: 520, heading: 215 }, //

合抱之木，生于毫末； 九层之台，起于累土； 千里之行，始于足下。**马赛克特效**一、添加模型代码如下： // 添加参考三维模型 const tiles3dLayer = new mars3d.layer.TilesetLayer({ url: "//data.mars3d.cn/3dtiles/qx-simiao/tileset.json", position: { alt: 80.6 }, maximumScreenSpaceError: 1, max

合抱之木，生于毫末； 九层之台，起于累土； 千里之行，始于足下。一、鼠标按下特效1.通过配置创建地球时通过配置项来实现代码如下：代码如下（示例）： control: { mouseDownView: false // 当前示例展现的控件-鼠标按下的特效 }2.按需添加代码如下： // 方式2：在创建地球后按需调用addControl添加(直接new对应type类型的控件) const mouseDownView = new mars3d.control.MouseDo

mars3d实现模型热力图效果

mars3d

合抱之木，生于毫末； 九层之台，起于累土； 千里之行，始于足下。一、导航球控件导航球可以调整地球的相机视角，便于观察。实现导航球的方式有两种，下面将一一介绍：1.通过配置创建地球时通过配置项来实现代码如下： option.control = { compass: { top: "10px", left: "5px" } // 当前示例展现的控件 - 导航球 }2.按需添加创建地球后按需调用addControl添加代码如下（示例）： let compass = new

mar3d、vue.js、cesium

智慧社区、mars3d、cesium、vue.js

坐标系转化、事件机制 、mars3d 、cesium、vue.js

Mars3d开发——鹰眼地图合抱之木，生于毫末；九层之台，起于累土；千里之行，始于足下。鹰眼地图Mars3d开发——鹰眼地图一、简单介绍二、使用步骤1.引入mars3d和cesium类库2.在文件中引入mars3d3.初始化地图场景配置4.构造一个鹰眼地图一、简单介绍拥有鹰眼地图的厂商有很多，比如百度的鹰眼地图、高德的鹰眼地图等等，但是要实现这个功能却很麻烦。无论是代码量还是复杂程度都不是一个很好的选择。所有我选择了mars3d的鹰眼地图，它基于cesium对鹰眼地图进行重新的封装，所以

Mars3d开发——飞行漫游合抱之木，生于毫末；九层之台，起于累土；千里之行，始于足下。文章目录Mars3d开发——飞行漫游前言一、参考API二、创建一个漫游对象1.创建矢量图层2 .创建一个飞行漫游对象3.开始漫游附：常用方法前言Mars3d一款基于 WebGL 技术实现的三维客户端开发平台，基于Cesium 优化提升与B/S架构设计，支持多行业扩展的轻量级高效能GIS开发平台，能够免安装、无插件地在浏览器中高效运行，并可快速接入与使用多种GIS数据和三维模型，呈现三维空间的可视化，完