Vue 脚手架使用Google map

参考于：谷歌地图API教程及在VUE中的使用_feiyu_may的博客-CSDN博客_vue-google-maps

第一步：引入谷歌秘钥，没有需要去这个网址申请：https://developers.google.com/maps/documentation/javascript/get-api-key

<script src="http://ditu.google.cn/maps/api/js?&key=yourkey"></script>

第二步：引入相关模块

npm install google --save
npm install vue2-google-maps --save

第三步：在webpack.base.conf.js文件里的module.exports里加一句
  externals: {
    'google': 'google'
  },

查看在package.json说明引入成功啦

"google": "^2.1.0"
"vue2-google-maps": "^0.10.5"

如果不行请删除再按装一次

npm uninstall 模块：删除模块，但不删除模块留在package.json中的对应信息
npm uninstall 模块 --save 删除模块，同时删除模块留在package.json中dependencies下的对应信息
npm uninstall 模块 --save-dev 删除模块，同时删除模块留在package.json中devDependencies下的对应信息

假如报错，注意Vue的生命周期，等google加载完成在运行

    mounted() {
      if (google) {
        //谷歌地图的方法
        this.initMap()
      }
    }

腾讯云1核 2G云 带宽5M，1年50元(新用户38元)，3年150元,
腾讯云2核 4G云 带宽8M，1年74元，3年222元,
腾讯云4核 8G云 带宽10M，1年269元，3年808元

官网优惠购买地址：购买链接