如何使用谷歌地球api(googlemap)配置web端地图(vue3)

1、如何接入谷歌地球js

首先打开谷歌地球官方api的文档网站
链接: 谷歌地球官方文档
然后根据官方的引导去谷歌map的配置页面申请API
注意！必须要申请谷歌API才能使用高级功能，并且申请API要求提供绑定一张谷歌账号所在地的银行信用卡，需要自己准备好。

下面的代码示例为如何引入谷歌地图api及需要加载的格式(VUE3+VITE)

// npm下载googlemap的包
npm install @googlemaps/js-api-loader

// 在所需要的页面单独引入谷歌地球的依赖
import {
    Loader } from "@googlemaps/js-api-loader"

// 定义谷歌地球参数，并初始化。
var map
const loader = new Loader({
   
  apiKey: "你的谷歌地球秘钥",
  version: "beta",
});
const mapOptions = {
   
  "tilt"