uniapp+google map不显示

背景需求

需要在uniapp中接入google地图，研究了一番，都没有找到合适的，现在说一下教程。

效果图

前期工作

这两点缺一不可，否则你啥也看不到。

1、电脑安装L-O-U梯

用于访问G-OO-G-LE的API或者创建google map key。

2、手机安装L-O-U梯

用于显示google地图。我就是手机上没安装，以为电脑安装了就可以代理，谁知道花了一下午时间，最后才突然想起来，手机也需要安装。

开发教程

1、配置文件

 

2、index.vue

<template>
	<view class="