本文主要是介绍单击视角复位按钮,即可看到整个地球【mars3d】,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
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三维可视化平台 | 火星科技
这篇关于单击视角复位按钮,即可看到整个地球【mars3d】的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!