怎么在vue项目添加百度地图api真实地球模式

要在Vue项目中添加百度地图API真实地球模式，可以按照以下步骤进行：

1. 在index.html中添加百度地图API的引用：

<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=您的密钥"></script>

其中，您需要将“您的密钥”替换为您在百度地图开放平台申请的密钥。

2. 在Vue组件中创建地图容器：

<template>
  <div id="mapContainer"></div>
</template>

3. 在Vue组件中添加地图初始化逻辑：

<script>
export default {
  mounted () {
    // 创建地图实例
    let map = new BMap.Map('mapContainer')
    // 设置地图中心点坐标
    let point = new BMap.Point(116.404, 39.915)
    map.centerAndZoom(point, 15)
    // 启用真实地球模式
    map.setMapStyle({style:'realtime'})
  }
}
</script>

其中，BMap是百度地图API的命名空间，可以通过它来调用地图相关的方法和属性。在初始化地图时，需要通过BMap.Map创建地图实例，并设置地图中心点坐标和缩放级别。然后，通过map.setMapStyle方法启用真实地球模式。最后，将地图容器的id传递给BMap.Map构造函数，使地图显示在页面中。

以上是在Vue项目中添加百度地图API真实地球模式的基本步骤，您可以根据自己的需求进行修改和扩展。