要获取 Google Maps API Key,您需要在 Google Cloud Platform 上创建一个项目并启用相应的 API。以下是详细的步骤:

1. 注册并登录 Google Cloud Platform

2. 创建一个新项目

  1. 在 Google Cloud Console 页面,点击页面顶部的 选择项目
  2. 点击 新建项目,为您的项目命名并选择一个适当的组织(如果有的话)。
  3. 点击 创建,项目会自动生成并切换到该项目。

3. 启用 Google Maps API

Google 提供了多个 Maps API,您可以选择启用相应的 API。以下是常用的几种:

  • Maps JavaScript API:用于在网页中显示地图。
  • Geocoding API:将地址转为经纬度,或者将经纬度转为地址。
  • Places API:用于查询地点信息。
  • Directions API:计算给定起点和终点之间的路线。
  • Distance Matrix API:计算一系列地点之间的距离和旅行时间。

启用 API 的步骤如下:

  1. 在 Google Cloud Console 中,选择左侧菜单栏中的 APIs & Services > Library
  2. 搜索 Google Maps JavaScript API,然后点击 启用
  3. 您可以选择启用更多的 API,根据您的需求,例如 Geocoding APIPlaces APIDirections API 等。

4. 创建 API 密钥

  1. 在左侧菜单栏中,选择 APIs & Services > Credentials
  2. 点击 Create credentials,选择 API key
  3. 创建的 API 密钥会显示在弹出的框中,您可以复制它用于后续的 API 调用。

5. 限制 API 密钥(可选)

为了确保 API 密钥的安全性,建议您设置限制,防止滥用:

  • HTTP 引用(网站):限制 API 密钥仅在特定的网页上使用。
  • IP 地址:限制某些 IP 地址访问该 API 密钥。
  • API 服务:仅允许特定的 API(例如 Maps JavaScript API)使用该密钥。

设置限制的方法:

  1. Credentials 页面,找到您创建的 API 密钥并点击编辑图标。
  2. API restrictions 部分,选择 Restrict key 并选择您启用的 API(例如 Maps JavaScript API)。
  3. Application restrictions 部分,选择适当的限制方式(例如 HTTP referrersIP addresses)。
  4. 点击 Save 保存设置。

6. 使用 API 密钥

将获取到的 API 密钥插入到您的 HTML 或代码中。以下是一个简单的例子,展示如何在网页中使用 Google Maps API:

<!DOCTYPE html>
<html>
  <head>
    <title>Google Maps 示例</title>
    <script src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&callback=initMap" async defer></script>
    <style>
      #map {
        height: 400px;
        width: 100%;
      }
    </style>
  </head>
  <body>
    <h3>Google Maps 示例</h3>
    <div id="map"></div>

    <script>
      function initMap() {
        var mapOptions = {
          center: { lat: 37.7749, lng: -122.4194 },
          zoom: 12
        };

        var map = new google.maps.Map(document.getElementById('map'), mapOptions);
        
        var marker = new google.maps.Marker({
          position: { lat: 37.7749, lng: -122.4194 },
          map: map,
          title: '旧金山'
        });
      }
    </script>
  </body>
</html>

在代码中,将 YOUR_API_KEY 替换为您在 Google Cloud Console 中获取的实际 API 密钥。

7. 检查和管理 API 使用情况

您可以在 Google Cloud Console 中的 API & Services > Dashboard 部分查看 API 的使用情况,查看 API 调用次数、流量等信息。

8. 计费和费用

Google Maps API 是按使用量收费的,虽然为开发者提供了免费的配额,但超过免费额度之后会开始收费。可以参考 Google Maps Pricing 页面,了解具体的计费标准。


按照上述步骤,您可以轻松地创建并使用 Google Maps API 密钥。如果在过程中遇到问题或有其他问题,请随时提问!