Mars3D中 popup 弹窗问题汇总

最新推荐文章于 2024-05-31 14:36:09 发布

脱水葱

最新推荐文章于 2024-05-31 14:36:09 发布

阅读量1.4k

点赞数

分类专栏： Mars3D 文章标签： 3d

本文链接：https://blog.csdn.net/CSDN87891127/article/details/122185097

版权

首先建议参考示例： Mars3D示例 | Mars3D三维可视化平台 | 火星科技示例中源码可参考

1. 不想显示弹窗

参考API文档： TilesetLayer - Mars3D API文档

2.想丰富弹框信息

属性有2种存储方式，1是存在数据库等其他地方，通过单击到的属性的id去取其他属性。2是转换数据时内置到模型中去（需要更加数据处理工具的相关教程操作）。

先绑定单击事件=====》取数据=====》showPopup弹窗显示属性

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

脱水葱

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
Mars3D中 popup 弹窗问题汇总

popup:MAP上直接弹出图层上绑定图层上预定义配置自定义模板 graphic上绑定 graphic上局部刷新
复制链接

扫一扫

专栏目录

使用vue组件实现mars3d的popup或tooltip

m0_69803146的博客

02-23

2011

使用vue组件实现mars3d的popup或tooltip

mars3d在heatmap上增加popup，点击任意⼀点显示该位置颜⾊对应的数值

m0_69803146的博客

02-24

375

mars3d在heatmap上增加popup，点击任意⼀点显示该位置颜⾊对应的数值

参与评论您还未登录，请先登录后发表或查看评论

Mars3D+vue2弹窗；根据路由判断弹窗是否显示

最新发布

m0_49014420的博客

05-31

252

Mars3D+vue2弹窗；根据路由判断弹窗是否显示

[mars3d - popup] 如何将mars3d的popup组件化

m0_53584457的博客

01-11

579

在使用中，popup的innerHtml似乎只能使用原生dom绑定事件的方式去触发事件，不方便啊；那么其实我们可以封装成vue组件去使用，就可以按照vue开发的方式绑定事件。

【mars3d】 graphic.bindPopup(inthtml).openPopup()无需单击小车，即可在地图上自动激活弹窗的效果。

m0_69803146的博客

01-15

1917

new mars3d.graphic.FixedRoute({无需单击小车，即可在地图上自动激活弹窗的效果。 graphic.bindPopup(inthtml).openPopup()

Mars3d实现同时打开多个弹窗且不自动关闭closeOnClick:false

m0_69803146的博客

06-29

519

Mars3d实现同时打开多个弹窗且不自动关闭closeOnClick:false

mars3d的各种事件

m0_53584457的博客

01-15

1542

事件的使用大大方便了我们对于页面的操作；那么我们在使用mars3d时要怎么对数据进行事件绑定呢？首先第一步我们肯定要知道它都有那些事件；看图那么事件知道了，要如何绑定事件呢？ // 矢量数据绑定事件； const graphic = new mars3d.graphic.PointEntity({ position: [116.244399, 30.920459, 573.6], style: { color: "#ff0000",

Mars3D三维可视化平台

Lifelong learning

09-04

2199

提供多种时空数据，包括影像、高程、矢量、实景、三维模型等各类数据的叠加融合、支持包括OGC、TMS、MapBox、3DTiles等标准服务与数据的接入加载。提供了包括距离、面积、高度、角度、剖面、体积等多种量算分析功能；提供了等高线、天际线、地表透明、地形开挖、模型剖切、模型裁剪、模型开挖等功能。提供支持包括点、线、面、体、模型、军事标绘等多种矢量数据的标绘的使用与管理，提供多图层的标绘管理、提供矢量数据的统一风格的API调用和style样式设置，可导出导入标准GeoJSON格式数据。

new mars3d.layer.GeoJsonLayer({的pupup配置参考

m0_69803146的博客

03-20

501

new mars3d.layer.GeoJsonLayer({的pupup配置以及效果参考

【mars3d】将mars3d中的示例代码拷贝到自己项目中

m0_53584457的博客

07-21

587

mars3d，示例代码单页面讲解，迁移

Mars3d监听控件事件：监听flyHome事件视角复位按钮单击事件

m0_69803146的博客

05-12

391

Mars3d监听控件事件：监听flyHome事件视角复位按钮单击事件

popup弹窗小实例

03-29

popup弹窗小实例，里面演示的是弹窗播放预告片

【mars3d】聚合点更改样式，自定义背景

m0_53584457的博客

11-09

1142

聚合点更改样式，自定义背景问题：绘制出来的效果，经常只有数字，没有背景图，移动过去才有背景图。中有个文件 CanvasBillboard.js ，需要引入；1.通过 mars3d的方法 getTextImage （2.使用Canvas转图片，mars3d也有对应示例参考。）将文字转换成base64图片，但是会出现上面的问题；自定义聚合点的背景图片，图片上显示聚合的数目。之后 getImage 中使用该方法即可；Util - Mars3D API文档。

mars3d如何实现在div中加入按钮单击/点击

m0_69803146的博客

10-25

843

实现mars3d div的按钮单击点击

记录mars3d的使用 - geojson图层

Juzimhh的博客

03-17

811

jgeojson图层的使用：常规的geojson图层加载-有对应的url即可； const geoJsonLayer= new mars3d.layer.GeoJsonLayer({ id: "可以根据此id在其他地方获取该图层", url: "对应geojson的url", symbol: { type: "polyline", // geojson内加载的矢量数据类型 styleOptions: { color: "rgba(255,...

Mars3d的html 模板中使用element-ui 组件参考

m0_69803146的博客

10-14

835

说明：首先不能直接用，其次需要使用webcomponent，基础项目里面有个demo可以参考

利用mars3d进行widget开发的准备工作

Xiaok的专栏

09-06

491

所谓工欲善其事，必先利其器。由于在海上作业，widget开发还是尽量多在本地配置，减少网路交互。即使是网络通畅的情况，这样做的好处也很多。具体做法如下： 1、现在离线下载包安装官网的说明：下载lib压缩包(opens new window)，解压待用下载mars3d主仓库，解压待用下载mars3d-es5-widget主仓库，解压待用下载cesium主仓库，解压待用 2、在本地配置widget项目将mars3d主仓库的cesium和mars3d库拷贝到lib目录下，lib库...

Cesium实现Popup弹窗功能