使用 GMaps.js 集成 Google 地图 API - 看不到在哪里添加我的 API 密钥

Question

我正在使用 GMaps.js 库，我正在使用的代码 100% 正常工作（运行在本地主机上本地运行）- 我创建的 'webapp' 也使用 Google 地图地理编码 API。

我看不到我在代码中的任何位置添加 API 键 - 虽然我有点困惑，因为它目前有效？当然，它应该只适用于有效的 API 密钥。

https://hpneo.github.io/gmaps/

<!DOCTYPE html>
<html>
<head>
<link href='example.css' rel='stylesheet' type='text/css' />
<link rel="stylesheet" type="text/css" href="style/style.css">
<script type="text/javascript" src="gmaps.js"></script>
<script type="text/javascript">
  map = new GMaps({
    div: '#map',
    lat: 52.4801,
    lng: -1.8835,
    zoom: 7
  });
</script>
</head>
<body>
<div id="map"></div>
</body>
</html>

Answer 1

通过查看示例代码，没有使用 API 键。所以我猜你不需要一个。尽管您可以在嵌入地图 api

时为 google 提供 API 键

Answer 2

好的 - 我在这里找到了答案： When is a Google Maps API key required?

简而言之，第 3 版不需要 API（v2 需要），但建议根据其他开发人员关于设置它们的说法。

Answer 3

 <script async defer src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY_HERE" type="text/javascript"></script>

将上述代码段中的占位符文本替换为您的 gmaps api 键，并插入到 gmaps.js 脚本上方的页眉中。

使用 GMaps.js 集成 Google 地图 API - 看不到在哪里添加我的 API 密钥

Using GMaps.js for integrating Google Maps API - can't see where to add my API Key

javascript

api

google-maps

api-key