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

点赞(0) 打赏

评论列表 共有 0 条评论

暂无评论

微信公众账号

微信扫一扫加关注

发表
评论
返回
顶部