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三维可视化平台 | 火星科技