单击视角复位按钮,即可看到整个地球【mars3d】

news2024/11/16 13:35:52

1.需要设置下初始默认视角,地图属性参数里面得

  scene: {

    center: {

这个需要拿到一个参数,可以在示例里面随便抓一个想要的右键获取下

拿到之后再设置下,参考代码之后,就可以单击视角复位按钮,就回到可以看到整个地球的效果

代码:

import * as mars3d from "mars3d"

export let map // mars3d.Map三维地图对象

// 需要覆盖config.json中地图属性参数(当前示例框架中自动处理合并)
export const mapOptions = function (option) {
  option.control = {
    homeButton: false // 方式1:options中添加控件 - 视角复位控制 控件 (Cesium原生)
  },
    option.scene = {
    center: { "lat": 64.083624, "lng": 86.163609, "alt": 15908845.9, "heading": 346.6, "pitch": -90 }
    }
  return option
}

/**
 * 初始化地图业务,生命周期钩子函数(必须)
 * 框架在地图初始化完成后自动调用该函数
 * @param {mars3d.Map} mapInstance 地图对象
 * @returns {void} 无
 */
export function onMounted(mapInstance) {
  map = mapInstance // 记录map

  // 修改控件title
  // document.getElementsByClassName("cesium-home-button")[0].setAttribute("title", "复位")

  // 方式2:在创建地球后按需调用addControl添加(直接new对应type类型的控件)
  const homeButton = new mars3d.control.HomeButton({
    title: "复位",
    icon: "img/svg/homeButton.svg",
    click: function (event) {
      console.log("HomeButton 自定义click方法")
      map.flyHome()
    }
  })
  map.addControl(homeButton)
}

/**
 * 释放当前地图业务的生命周期函数
 * @returns {void} 无
 */
export function onUnmounted() {
  map = null
}

链接地址:

功能示例(Vue版) | Mars3D三维可视化平台 | 火星科技

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/2088451.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

19050 牛牛打气球

### 思路 1. **输入读取**: - 读取 n,a 和 b。 - 读取每个气球的坚韧度。 2. **计算最少释放次数**: - 使用二分查找来确定最少的释放次数。 - 每次释放武器时,选择一个气球多承受 a 点伤害,其他气球承受…

最简洁!四步完成C#——opencv环境配置

一.创建C#环境 二.右键点击管理NuGet 三.下载opencv环境 四.测试写入 using OpenCvSharp 不保存就完成了配置啦

Cycle inside Runner; building could produce unreliable results.

报错 Showing Recent Messages Cycle inside Runner; building could produce unreliable results. Cycle details: → Target Runner ○ That command depends on command in Target Runner: script phase “Thin Binary” ○ Target Runner has process command with outpu…

性能测试的基本概念

学习前的认知 我们在学习性能测试之前,需要有个新的认识:性能测试,不再是像功能测试一样单纯的找 Bug,而是去找性能指标 转变思维 在做功能测试、自动化测试的时候,我们基本都是依托界面进行测试,也称 GU…

人工智能训练师工作内容及职业发展路径

人工智能训练师(AI Trainer)是一种专业职位,主要负责训练和优化人工智能系统,尤其是机器学习模型。他们的工作涉及到以下几个方面: 1、数据准备:训练师需要收集、清洗和预处理数据,以确保数据的…

大语言模型训练数据常见的4种处理方法

大语言模型训练需要数万亿的各类型数据。如何构造海量“高质量”数据对于大语言模型的训练具有至关重要的作用。虽然,截止到2023 年9 月为止,还没有非常好的大模型的理论分析和解释,也缺乏对语言模型训练数据的严格说明和定义。但是&#xff…

rabbitmq发送的消息接收不到

1.消息被其他消费者消费 2.主要说的2这种情况,就是在延迟队列中,忘记给一个bean加注解导致日志报exchange not found. 这个报错,进而引发了bindings没有绑定。没有绑定的话,发送消息就会接收不到。

python-带空格的数字层三角形

[题目描述] 输入一个整数n,输出一个带空格的数字层状三角形。输入: 输入共一行,为一个整数n。输出: 输出一个带空格的数字层状三角形。样例输入1 8 样例输出1 11111111 2222222 333333 44444 5555 …

亦菲喊你来学机器学习(16) --K-means聚类算法

文章目录 K-means基本步骤优缺点构建模型 总结 K-means K-means 算法是一种广泛使用的聚类算法,旨在将数据集划分为 K 个簇,使得每个簇内的数据点尽可能相似,而不同簇之间的数据点尽可能不同。这个算法通过迭代的方式实现,每次迭…

三耐环保家族控股99.17%:分红6000多万再补流,董事长董秘一年3次被警示

《港湾商业观察》施子夫 王璐 持续冲刺北交所的杭州三耐环保科技股份有限公司(以下简称,三耐环保)日前收到第三轮审核问询函,其保荐机构为民生证券。 值得关注的是,第三轮审核问询函依旧围绕的问题是,进…

linux系统修改/etc/profile,修改错了,再打开乱码

执行vim /etc/profile, 在文件末尾增加两行配置,可能是$符号写错了,输入:x保存,提示输入密码(help cm),然后输入两次cm 执行source /etc/profile 提 示文件错误字段 执行cat profile结果如下: 这有没有办法还原啊…

省略号(一行多行)vue3

组件 <template><div ref"tooltipParentRef" class"moreTipText"><el-tooltip:placement"props.placement"effect"dark":enterable"true":show-after"200":offset"10":popper-class&qu…

声纹API验证快速检索技术实现

一、实现思路&#xff0c;假如我们有4个人员&#xff0c;要从中快速找到4号的发音&#xff0c;那么我们就可以使用声纹API验证技术。 二、首先我们要创建特征库&#xff0c;然后分别添加到特征库里&#xff0c;随后找另一个人发音不同的音频去快速定位寻找。 三、比如我们要找到…

什么是集成测试?它和系统测试的区别是什么?

01 什么是集成测试&#xff1f; 集成测试是软件测试的一种方法&#xff0c;用于测试不同的软件模块之间的交互和协作是否正常。集成测试的主要目的是确保不同的软件模块能够无缝协作&#xff0c;形成一个完整的软件系统&#xff0c;并且能够满足系统的需求和规格。 在集成测试…

yml Unused property

问题描述 以前用的好好的项目,今天突然打开就发现idea不识别spring配置信息显示未引用,如果config代码中引入的配置却可以高亮显示,然后输入spring相关的配置,文件是没有提示的。经过研究发现是spring相关的插件被关闭了。效果如下 解决方法 启用三个插件spring Boot,Sp…

openEuler:ssh 管理和安全

ssh 简介 ssh 为 secure shell&#xff0c;是一种网络安全协议&#xff0c;通过加密和认证的方式实现远程安全登录&#xff0c;文件传输等服务。利用 SSH 协议可以有效防止远程管理过程中的信息泄露问题。 但是在近期&#xff0c;OpenSSH 爆出首个远程执行漏洞 CVE-2024-6387 …

R18 XR :NR L2 enhancement

这篇主要看下为支持XR,L2都有哪些增强。主要分3个部分:(1)additionalBS-TableAllowed和Delay Status Report(DSR) (2)UE assistance info for UL traffic information (3) PDU set discard。正文开始: 为了增强 XR 上行资源的调度,引入了以下改进: (1)一个额外的buffer s…

c++类(中)续

c类&#xff08;中&#xff09;续 一、日期类&#xff08;1&#xff09;什么是日期类&#xff1f;&#xff08;2&#xff09;日期类的初始化与销毁&#xff08;3&#xff09;我们需要完成的操作(1)初始化与输出日期&#xff08;2&#xff09;日期加等于天数&#xff08;3&#…

Linux实现进度条小程序——缓冲区

&#x1f4dd;Linux实现进度条小程序 &#x1f4dd; 行缓冲区&#x1f4dd; fflush函数&#x1f4dd; 示例&#x1f4dd; 进度条如何编译运行proc.hproc.cmain.c 好雨知时节 当春乃发生 随风潜入夜 润物细无声 回车换行其实是两个概念&#xff0c;一是回车&#xff0c;一是换行…

JAVA毕业设计167—基于Java+Springboot+vue3+小程序的物业管理系统小程序(源代码+数据库+万字论文+文献综述)

毕设所有选题&#xff1a; https://blog.csdn.net/2303_76227485/article/details/131104075 基于JavaSpringbootvue3小程序的物业管理系统小程序(源代码数据库万字论文文献综述)167 一、系统介绍 本项目前后端分离带小程序(可以改为ssm版本)&#xff0c;分为用户、管理员两…