vue2 使用谷歌地图

要在Vue2中使用谷歌地图，您需要使用vue-google-maps库。下面是使用该库的步骤：

1. 安装vue-google-maps库

您可以使用npm或yarn来安装该库：

npm install vue2-google-maps

或者

yarn add vue2-google-maps

2. 在Vue组件中引入并注册该库

在需要使用地图的Vue组件中，您需要引入并注册vue2-google-maps库。示例如下：

import * as VueGoogleMaps from 'vue2-google-maps';

export default {
  components: {
    'google-map': VueGoogleMaps.Map,
    'google-marker': VueGoogleMaps.Marker,
  },
  // ...其他代码
};

3. 在Vue组件中使用地图

在Vue组件中使用地图的方法取决于您想要实现的功能。例如，如果您想在地图上显示一个标记，您可以使用如下代码：

<template>
  <google-map :center="{lat: 37.7749, lng: -122.4194}" :zoom="12" style="width: 100%; height: 500px;">
    <google-marker :position="{lat: 37.7749, lng: -122.4194}"></google-marker>
  </google-map>
</template>

以上代码将在地图上显示一个位于旧金山市中心的标记。