E-COM-NET
首页
在线工具
Layui镜像站
SUI文档
联系我们
推荐频道
Java
PHP
C++
C
C#
Python
Ruby
go语言
Scala
Servlet
Vue
MySQL
NoSQL
Redis
CSS
Oracle
SQL Server
DB2
HBase
Http
HTML5
Spring
Ajax
Jquery
JavaScript
Json
XML
NodeJs
mybatis
Hibernate
算法
设计模式
shell
数据结构
大数据
JS
消息中间件
正则表达式
Tomcat
SQL
Nginx
Shiro
Maven
Linux
Mars3D
Mars3D
之三维空间视角
三维是指在平面二维系中又加入了一个方向向量构成的空间系。三维既是坐标轴的三个轴,即x轴、y轴、z轴,其中x表示左右空间,y表示前后空间,z表示上下空间(不可用平面直角坐标系去理解空间方向)。在实际应用方面,一般把用X轴形容左右运动,而Z轴用来形容上下运动,Y轴用来形容前后运动,这样就形成了人的视觉立体感。Camera相机控制了三维场景的视图。有很多方法可以操作Camera,如旋转(rotate)、
火星杠杠
·
2024-08-24 02:16
vue使用
Mars3d
弹框嵌套video视频/实时视频(m3u8)使用hls.js
下载hls.jshttp://mars3d.cn/lib/video/hls/hls.js下载1.首先绘制地图我使用的天地图asyncinfoMars3d(){constthat=this;varmapOptions={scene:{center:{lat:30.435192,lng:103.936535,alt:200000,heading:359,pitch:-79},highDynamicR
Uxiao7
·
2024-02-09 15:03
vue.js
音视频
前端
vue使用
Mars3d
弹框嵌套video视频/实时视频(flv) 使用jessibuca.js播放器
在html引入jessibuca.js(还需下载decoder.js,decoder.wasm)http://jessibuca.monibuca.com/player.html官方下载同
Mars3d
弹框嵌套视频播放
Uxiao7
·
2024-02-09 15:02
javascript
vue.js
音视频
mars3d
在请求瓦片影像数据/3dtiles数据/地形数据时修改请求的url
问题场景:服务器文件中心对于访问文件的请求需要加token,能否在全局编辑以上请求的url,比如说原始请求为:http://data1.mars3d.cn/terrain/7/204/89.terrain;期望能编辑为:${window.origin}/terrain/7/204/89.terrain&access_token="string";实现效果:在请求瓦片影像数据/3dtiles数据/地
mianmianwu
·
2024-02-03 07:30
vue
app
Mars3d
服务器
前端
运维
Mars3d
实现【按当前相机视域页在地球上投射视频】功能
通过
mars3d
实现按当前相机视域页在地球上投射视频进行视频投射效果:相关代码://按当前相机投射视频exportfunctionstartDrawGraphic2(){constellipsoid=map.scene.globe.ellipsoidconstcanvas
mianmianwu
·
2024-02-03 07:23
Mars3d
app
vue
前端
javascript
vue.js
webgis
webgl
map.trackedEntity()拿到矢量后,设置相机的跟踪锁定graphic的距离
问题场景:1.在
Mars3d
的官网示例中,切换二维的时候,如果跟踪视角的话,整个数据会跑到地下,形成黑屏的效果。
mianmianwu
·
2024-01-28 00:55
Mars3d
vue
app
javascript
前端
vue.js
vscode
ide
Mars3d
引用单个示例文件WeiVectorTileLayer.js报错的解决办法
参考文档修改文件后,发现依然报错:
Mars3d
单独引用示例文件教程_3d文件示例_绵绵-火星科技的博客-CSDN博客具体报错截图:es5的方式直接丢到
mars3d
包下,
mars3d
如果node方式引入,
mianmianwu
·
2024-01-28 00:25
3d
javascript
开发语言
new mars3d.graphic.ModelPrimitive({实现gltf/glb模型的不同坐标轴拉升效果
示例链接:功能示例(Vue版)|
Mars3D
三维可视化平台|火星科技示例api支持:ModelPrimitive-V3.7.0-Mars3DAPI文档相关代码:functionaddDemoGraphic1
mianmianwu
·
2024-01-28 00:25
vue
Mars3d
app
3d
java
前端
【
mars3d
】内置的右键测量菜单单击关闭按钮无法关闭测量结果说明
【
mars3d
】内置的右键测量菜单单击关闭按钮无法关闭测量结果说明2.内置的右击地图查看此处坐标,出现的弹框按钮同样无法关闭的解决方案。
mianmianwu
·
2024-01-28 00:25
app
vue
Mars3d
javascript
前端
3d
vue.js
vscode
使用mars3d.layer.ArcGisCacheLayer显示ArcGIS切片后的图片
问题场景:把ArcGIS做切片后想通过【
Mars3D
】的示例“arcgis格式瓦片”加载出来。
mianmianwu
·
2024-01-28 00:54
Mars3d
vue
app
arcgis
前端
new mars3d.layer.WeiVectorTileLayer({在
Mars3d
官网个api搜索不到的说明
前景:newmars3d.layer.WeiVectorTileLayer({在
Mars3d
官网个api搜索不到的说明说明:可以下载示例gitclonehttps://gitee.com/marsgis
mianmianwu
·
2024-01-28 00:51
vue
Mars3d
app
vscode
前端
javascript
new mars3d.graphic.Popup({实现插入轮播图组件的思路参考
示例地址:功能示例(Vue版)|
Mars3D
三维可视化平台|火星科技相关代码:functionaddRandomGraphicByCount(graphicLayer,position){constgraphicImg
mianmianwu
·
2024-01-19 09:35
vue
app
Mars3d
javascript
前端
vue.js
cesium内部相同坐标在不同高度的2个点的属性机制坐标会gltf模型角度值异常问题
mars3d
的处理办法
模型一直向上运动的正常效果:问题场景:1.newmars3d.graphic.ModelPrimitive({使用addDynamicPosition(设置并添加动画轨迹位置,按“指定时间”运动到达“指定位置”时发现,如果是同一个点位不同高度值的y轴竖直向上方向的运动。指定pitch:270偏转角度的时候,会出现模型的角度值异常的问题。错误代码:相关api文档:ModelPrimitive-V3.
mianmianwu
·
2024-01-18 10:12
app
Mars3d
vue
前端
javascript
3d
vue.js
【
mars3d
】 graphic.bindPopup(inthtml).openPopup()无需单击小车,即可在地图上自动激活弹窗的效果。
↓↓↓↓↓↓↓↓相关链接说明:1.popup的示例完全开源,可参考:功能示例(Vue版)|
Mars3D
三维可视化平台|火星科技2.绑定的矢量数据上的弹框通过代码默认激活打开参考:功能示例(Vue版)|
Mars3D
mianmianwu
·
2024-01-16 08:52
app
Mars3d
vue
3d
javascript
前端
new mars3d.graphic.CloudPrimitive({实现移动的积云云图效果
问题说明:1.在
Mars3d
的示例中找到了【积云】的效果,查看【积云】的api的时候,发现了支持属性机制的property属性。
mianmianwu
·
2024-01-15 10:13
app
Mars3d
vue
3d
webgl
前端
vue.js
new mars3d.layer.GeoJsonLayer({实现图标点billboard贴模型聚合效果
【
mars3d
】的依赖库cesium本身是不支持贴地/贴模型操作的2.sdk内部异步计算了数据的贴地/高度值之后,更新到图层上实现贴地/贴模型效果的3.相关的示例链接:1.功能示例(Vue版)|
Mars3D
mianmianwu
·
2024-01-15 10:10
Mars3d
app
vue
前端
javascript
开发语言
Mars3D
中无人机航拍的数据想叠加到三维地图上,实现的流程和方法
1.3DTiles介绍2016年,Cesium团队借鉴传统2DGIS的地图规范:WMTS,借鉴图形学中的层次细节模型,打造出大规模的三维数据标准:3d-Tiles,中文译名:三维瓦片。它在模型上利用了gltf渲染快的特点,对大规模的三维数据进行组织,包括层次细节模型、模型的属性数据、模型的层级数据等。3DTiles是在glTF的基础上,加入了分层LOD的概念(可以把3DTiles简单地理解为带有L
脱水葱
·
2024-01-15 03:03
Mars3D
3d
Mars3D
与mars3d-cesium版本间兼容造成3dtiles和gltf数据处理相关记录
说明:1.在引入Mars3DSDK后正常可以在F12打印的信息中可以看到
Mars3D
和Cesium版本信息。2.在项目的package.json文件中同样可以看到安装后的版本号。
mianmianwu
·
2024-01-10 11:40
Mars3d
vue
3d
javascript
前端
服务器
new mars3d.graphic.ModelEntity({clampToGround:true,模型不贴地处理办法
解决方案:.在
Mars3d
的模型编辑调整页面,进行标绘。
mianmianwu
·
2024-01-10 11:40
Mars3d
app
vue
3d
javascript
数据库
前端
Mars3d
的BusineDataLayer应该传data格式实现聚合效果
问题:1.通过【
Mars3d
】加载newmars3d.layer.BusineDataLayer(的如果不用url使用data的话,格式应该是什么样子的呢?
mianmian0103
·
2024-01-06 13:47
app
Mars3d
vue
3d
前端
javascript
mars3d
开发 ——移动端画线矢量数据注意事项
简介:在使用
mars3d
进行移动端开发项目中,绘制线矢量数据和在PC端有很大不同点。主要体现在PC端可以通过鼠标双击,确定线已经绘制完成,移动端没有双击。
今日无事勾栏听曲
·
2024-01-06 10:17
mars3d技术
3d
vue.js
前端
Mars3D
开发基础学习:矢量图层
三维场景中,地形和栅格来组成了三维的基础,但更多的业务还是需要点线面等矢量数据来充实,这就是我们的矢量数据图层。#1.图层类型清单当前主要使用的矢量图层,是指GraphicLayer类及其子类对象。矢量图层中可以通过addGraphic方法来加入各类型的矢量数据来组成。目前常用的矢量图层有以下类型:type类型名图层说明对应的图层类备注graphic矢量数据图层mars3d.layer.Graph
木遥
·
2024-01-06 10:15
mars3d
3d
Mars3D
开发基础学习:矢量数据
矢量数据是用经度、纬度、高度坐标来表示地图图形或地理实体位置的数据,一般是通过记录坐标的方式来尽可能将地理实体的空间位置表现的准确无误,常见的矢量数据有:点、线、面、体等格式。#1.矢量数据对象平台对Cesium矢量数据和平台自身扩展开发的矢量对象都做了梳理及统一对外接口的封装,这样使用更加简单易用、对开发人员更友好、开发效率高。平台的所有矢量数据类都继承于BaseGraphic类(opensne
木遥
·
2024-01-06 10:15
mars3d
3d
使用
mars3d
绘制矢量数据,页面中不显示
在vue中使用
mars3d
,尝试实现官方模板的示例。效果如下首先引入相关资源,使用npm安装npmimars3d-Swebpack相关配置参考官方githubvue.config.js。
泽安2018
·
2024-01-06 10:45
mars3d
3d
vue.js
javascript
【
mars3d
】new mars3d.layer.GeoJsonLayer(实现环状面应该怎么传data
问题:【
mars3d
】newmars3d.layer.GeoJsonLayer(实现环状面应该怎么传data解决方案:1.在示例中修改showDraw()方法的data数据,实现以下环状面效果2.示例链接
mianmian0103
·
2024-01-06 10:14
前端
javascript
开发语言
【
mars3d
】new mars3d.layer.GeoJsonLayer({实现多孔面遮罩mask: true,
【
mars3d
】newmars3d.layer.GeoJsonLayer({实现多孔面遮罩官网测试示例:1.功能示例(Vue版)|
Mars3D
三维可视化平台|火星科技测试代码:exportfunctionshowDraw
mianmian0103
·
2024-01-06 10:14
app
vue
Mars3d
前端
javascript
开发语言
【
Mars3d
】new mars3d.layer.GeoJsonLayer({不规则polygon加载label不在正中间的解决方案
问题:1.newmars3d.layer.GeoJsonLayer({type:"polygon",在styleOptions里配置label的时候,发现这个不规则polygon加载的时候,会出现label不在中心位置。graphicLayer=newmars3d.layer.GeoJsonLayer({name:"全国省界",url:"//data.mars3d.cn/file/geojson/
mianmian0103
·
2024-01-06 10:44
app
Mars3d
vue
服务器
前端
数据库
修改
mars3d
内置的文字
在使用
mars3d
开发中可能会需要修改内置的文字,如下图
mars3d
内置的文字都会统一放在mars3d.lang这个对象下管理。
mianmian0103
·
2024-01-06 10:43
app
Mars3d
vue
java
开发语言
mars3d
聚合图标点 数据 通过gif实现 闪烁
问题1.聚合里面的这些点能不能闪烁或者直接用svg动画2.设置了svg,但是显示是静态的,是否不支持还是设置有问题相关链接http://mars3d.cn/editor-vue.html?id=graphic/entity/billboard-clustering不支持动态的svg,可有用gif的加载原理来使用https://mars3d.cn/editor-vue.html?id=graphic
mianmian0103
·
2024-01-06 10:43
Mars3d
app
vue
javascript
开发语言
ecmascript
mars3d
将矢量数据保存为kml
在3d场景的应用中经常需要将矢量数据保存为kml格式,下面来看一下如何实现首先安装kml-geojson这个库:npmikml-geojson-S代码如下:(说明:如果是vite项目,还需要将kml-geojson配置为预构建)functionsaveGeoJSON2Kml(geojson:string,options:any):any{constgeojsonObject=clone(geojs
mianmian0103
·
2024-01-06 10:43
Mars3d
vue
app
javascript
前端
vue.js
mars3d
标绘 矢量 数据 被 山体/模型/数据遮挡问题
问题场景:在倾斜模型上添加的图标点数据,随着模型的转动,点会被覆盖掉解决步骤:步骤1:首先找到开发教程-基础知识点-矢量数据:
Mars3D
三维可视化平台|火星科技步骤2:查找需要的图标点api文档-搜索
mianmian0103
·
2024-01-06 10:13
Mars3d
vue
github
vue.js
前端
【
Mars3d
基础- 矢量数据】标绘完成事件
通常我们需要自己绘制一个矢量数据,绘制完成之后在进行下一步的需求,graphicLayer.startDraw({type:"rectangle",style:{fill:true,color:"rgba(255,255,0,0.2)",outline:true,outlineWidth:2,outlineColor:"rgba(255,255,0,1)"}})在上面我们完成了一个"矩形"的绘制,
小小的杰茜
·
2024-01-06 10:43
前端开发
mars3d
javascript
Cesium学习教程+笔记(
Mars3D
) 图层 图层组 矢量数据
图层与图层组为什么需要了解图层组?图层与图层组又是啥关系?之前学过的点线面都是矢量数据,添加到矢量图层直接到地图上的vartucengdian=newmars3d.layer.GraphicLayer();//新建矢量图层map.addLayer(tucengdian);//把矢量图层绑定到map地图上vargraphic=newmars3d.graphic.PointEntity({//Poin
小陈爱编程
·
2024-01-06 10:11
记录知识
前端
web
vue
gis
js
【
mars3d
】批量关闭矢量数据的startFlicker()闪烁或者全部关闭startFlicker()
问题1.graphic/entity/billboard怎么能够批量关闭startFlicker()闪烁或者全部关闭startFlicker()呢?相关链接1.http://mars3d.cn/editor-vue.html?id=graphic/entity/billboard2.http://mars3d.cn/apidoc.html#FlickerEntity期望效果1.graphic.st
mianmian0103
·
2024-01-06 10:39
app
vue
Mars3d
3d
javascript
前端
3.vue2使用
mars3d
的api-获取经纬度高度,切换地图的方位,清空当前绘制的点,清空地图
1.获取经纬度,高度的apiletpoint=mars3d.LngLatPoint.fromCartesian(cartesian);point.format();//经度、纬度、高度2.切换地图的方位//使用flyTo方法飞行到图层的位置this.graphicLayer.flyTo({duration:0,//飞行动画的持续时间,这里设置为0表示立即切换heading:0,//飞行后的地图方向
Uxiao7
·
2023-12-29 07:03
javascript
2.关于vue2使用
mars3d
标点
关于vue2使用
mars3d
标点//标点ArcGisWfs(){constthat=this;//如果地图不存在,则退出函数if(!
Uxiao7
·
2023-12-29 07:33
前端
【
Mars3d
】使用WmtsLayer的时候TileMatrix没有带到TileMatrixset的前缀map_4326_16这种参数
【
Mars3d
】使用WmtsLayer的时候TileMatrix没有带到TileMatrixset的前缀map_4326_16这种参数。
mianmian0103
·
2023-12-28 09:11
vue
app
Mars3d
前端
服务器
linux
【
Mars3d
】官网示例与项目仓库的历史版本下载
【
Mars3d
】官网示例与项目仓库的历史版本下载1.进入官网仓库:mars3d-vue-example:
mars3d
功能示例,Vue版本2.以下载3.4.26版本的历史示例为例建议先gitclonehttps
mianmian0103
·
2023-12-28 09:10
Mars3d
vue
vue.js
前端
javascript
Cesium.js相关官网或博客
Index-CesiumDocumentation英文:Index-CesiumDocumentationCesium中文网(私人博客)http://cesium.xin天地图(三维服务)天地图帮助文档
Mars3D
@MADLING
·
2023-12-26 22:41
Cesium.js
javascript
前端
Mars3D
(含Cesium)数据及服务篇:shp转geojson格式
shp格式介绍Shapefile文件是ESRI公司ArcGIS平台的常用格式文件,是工业标准的矢量数据文件。Shapefile将空间特征表中的非拓扑几何对象和属性信息存储在数据集中,特征表中的几何对象存为以坐标点集表示的图形文件—SHP文件,Shapefile文件并不含拓扑(Topological)数据结构。shp一些特性:1个Shape文件至少包括三个文件:主文件(.shp),索引文件(.shx
木遥
·
2023-12-17 02:25
mars3d
3d
前端
材质
html5
Mars3D
(含Cesium)数据及服务篇:城市建筑物转为3DTiles白膜格式
1.城市建筑物白膜所需的shp数据介绍在拥有如shp格式的建筑物二维面边界坐标数据,和高度或楼层数属性信息,再通过工具转换为三维立体的白膜建筑物3DTiles模型。Shapefile文件是ESRI公司ArcGIS平台的常用格式文件,是工业标准的矢量数据文件。Shapefile将空间特征表中的非拓扑几何对象和属性信息存储在数据集中,特征表中的几何对象存为以坐标点集表示的图形文件—SHP文件,Shap
木遥
·
2023-12-17 02:25
mars3d
3d
mars3d
点击拾取造成的偏移
场景:1.点击获取的坐标,与右键开启的菜单产生偏移。2.获取的经纬度和实际点击的经纬度有偏差,可能获取的经纬度跟标记的经纬度坐标系不一样。答案:有可能是布局的问题,在网上下载了一套大屏适配的代码,对最外层dom进行了缩放导致的问题右键菜单偏移的解决方法参考:1.设置绝对定位2.因为菜单是绝对定位,大部分菜单偏移是因为这个原因
mianmian0103
·
2023-12-17 02:55
Mars3d
vue
3d
前端
arcgis
ArcGisLayer 图层无法显示
使用
mars3d
加载ArcGisLayer图层时,图层没有显示consttileLayer=newmars3d.layer.ArcGisLayer({name:"瓦片图层",url:"//server.mars3d.cn
小小的杰茜
·
2023-12-17 02:25
前端开发
mars3d
javascript
3d
mars3d
加载arcgis发布的服务,⽀持4523坐标
参数即可坐标系为4490的arcgis影像服务图层,配置后瓦片加载不出来,没报错甚至可以跳转没有看出问题,或者测试下crs改为其他值看看,一般不出来最重要的参数就是crs这里最重要的crs指的是坐标系,具体可见
Mars3d
mianmian0103
·
2023-12-17 02:23
Mars3d
app
vue
arcgis
同一个kmz数据同样的底图在QGIS上显示位置正常, 在
Mars3d
中显示就偏移了一些
问题:1.同一个kmz数据同样的底图在QGIS上显示位置正常,在网页中显示就偏移了一些在qgis上的显示效果,和在
mars3d
的显示效果:数据明显存在偏移。
mianmian0103
·
2023-12-16 03:07
前端
mars3d
中bookmark视⻆书签,⽣成包含threejs加载模型的图⽚
问题:expImage示例⽣成书签视⻆图⽚时:1.如果地图中有threejs加载的模型,⽣成视⻆书签后,⽣成的图⽚中没有模型效果图如下:期望效果:地图上three加载模型时,⽣成视⻆书签时,视⻆图⽚中也有模型显示解决⽅式:参考这个示例,将threejs对应的canves导出png图⽚后合并下。http://mars3d.cn/editor.html?id=map/fun/expImage//合并2
mianmian0103
·
2023-12-16 03:33
app
vue
Mars3d
3d
javascript
html
Vue3项目中集成
mars3D
简单三部曲
Vue3项目中集成
mars3D
简单三部曲这里是参考网址,大佬可以点击一件跳转1.安装依赖npminstallvite-plugin-mars3d--save-dev2.修改vite.config.ts配置文件
璇璇吴
·
2023-12-14 23:11
vue3
mars3d
Mars3d
的gltf零部件控制(运载火箭)示例关于gltf内部的animations说明
示例链地址:1.功能示例(Vue版)|
Mars3D
三维可视化平台|火星科技问题:1.火箭模型gltf内部的animations好像获取不到,在示例的学习过程中,示例中控制的只是构件信息articulations
mianmian0103
·
2023-12-14 18:49
Mars3d
vue
html
前端
vue.js
【
Mars3d
】实现cesium叠加dwg或者其他矢量图的解决方案
问题:【
Mars3d
】实现cesium叠加dwg或者其他矢量图的解决方案说明:1.dwg,即DWG,是电脑辅助设计软件AutoCAD以及基于AutoCAD的软件保存设计数据所用的一种专有文件格式。
mianmian0103
·
2023-12-14 18:49
vue
app
Mars3d
3d
javascript
前端
vue.js
【
Mars3d
】关于locationBar等控件的css样式冲突处理问题
【
Mars3d
】关于locationBar等控件的css样式冲突处理问题问题场景:1.通过代码加载newmars3d.control.Zoom(或者通过地球map初始化配置option.control=
mianmian0103
·
2023-12-14 18:23
Mars3d
app
vue
css
前端
webgl
html
vue.js
上一页
1
2
3
下一页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他