Vue使用谷歌地图

首先能 不然啥也看不见 然后去谷歌官方申请一个key 这里不赘述

1.安装vue2-google-maps

npm install vue2-google-maps

2.main.js内引用谷歌地图

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

Vue.use(VueGoogleMaps, {
  load: {
    key: 'AIz***************S7rJz1KY',
    libraries: 'places',
    region: 'VI', // 这个地区自己定
    language: 'en' // 这个语言自己定
  },
  installComponents: true
})

3.页面内引用

以上 gmap-marker 是定位点组件，支持传入坐标展示定位点。pointToAddress方法支持获取你选的点的地理位置信息，当然这个方法是vue2-google-maps自己封装的,你也可以自己封装，比他这个好用，具体方式参考谷歌地图API文档