【VUE】在vue中使用google地图

---

前言

提示：在vue项目中使用google地图：

因为项目原因，不得不使用google地图。
现目前国内大部分的文章都是几年前写的，有的现目前也用不了，所以结合国内外的一些文章，自己摸索出了一些使用方法。

---

前期准备

1. 科学上网工具
2. google开发者账号（需要信用卡）

---

提示：以下是本篇文章正文内容，下面案例可供参考

一、获取google地图的key

1. 在google开发者后台，创建新项目，选择项目，出现以下
   
2. 选择已启用的API和服务，启用javascript API
   
3. 然后，选择凭据，在里面创建新的凭据，这里就是开发所需要的key
   
   创建好的key
   

二、使用步骤

1.安装google官方依赖

这个比vue2-google-map或者其他的好用

npm install @googlemaps/js-api-loader

2.使用googlemap

代码如下：

 <div id="mapBox"></div>

import {
    Loader } from "@googlemaps/js-api-loader"; //引入
const loader = new Loader({
   
  apiKey: "**************",//之前的key
  version: "weekly",//版本
  libraries: ["places"],
});

initMap(