谷歌地图的应用十分的广泛，关于这方面的教程也有很多，今天我就简单的总结一下如何实现。
首先我们可以先看一下使用文档，里面写的很详细。
地址：https://developers.google.com/maps/documentation/javascript/tutorial?hl=zh-cn

这里简单的说一下，让我们更加快速的了解。访问 API 控制台（网址为 https://code.google.com/apis/console）并使用您的 Google 帐户登录，申请谷歌api。

然后按照示例仿写代码：重要部分代码截图 ：


将第一步中，我们申请到的key加到hello world示例中的key= 的后面
我们申请到的api通过js的方式载入，

如实例中的部分：

其中，对于senior参数的使用，文档中也有详细的介绍，这里就不重复了。在senior参数中，还有一个language参数，对于外贸网站来说，需要英文显示，这里就可以使用了。如上图所示。示例中，需要作为显示来使用的坐标，是我们在查看谷歌地图时，右键即可获取某个地方的坐标。
而我们在看谷歌地图的时候，往往会看到这样的标志：

用来显示地图中的目标位置，在谷歌地图里面也是可以实现的。
在Google Maps JavaScript API v3中，有叠加层这个应用，就是用来实现这个的。

这是实现添加叠加层的主要方法，具体详情可见：https://developers.google.com/maps/documentation/javascript/overlays?hl=zh-cn

将以上所说的两部分，结合起来，就实现了地图。