将 Google Apps API 密钥与距离矩阵结合使用

我正在使用谷歌距离矩阵 API https://developers.google.com/maps/documentation/distancematrix/并且文档告诉我我需要一个 API 密钥（但我可以在没有 API 密钥的情况下使用它。）我希望能够监控使用情况，但我对如何设置它感到困惑。

我从 Google 开发者控制台获得了一个有效的浏览器应用程序 API 密钥，它是新的，所以我假设它是版本 3 密钥。

我已在控制台中添加了有效的引荐来源网址

I have <script src="https://maps.googleapis.com/maps/api/js?v=3.exp"></script>在我的页面上

我正在使用这样的代码

function callback(response, status) {
    if (status!==google.maps.DistanceMatrixStatus.OK) {
        _googleError('Error was: ' + status);
    } else {
        var origins = response.originAddresses;

        for (var i = 0; i < origins.length; i++) {
            var results = response.rows[i].elements;
            for (var j = 0; j < results.length; j++) {
                    $("#calcDistance").val(results[j].distance.text);
               //Other stuff that works here
            }
        }
    }
}

function calculateDistances(start, end) {
    var service = new google.maps.DistanceMatrixService();
    service.getDistanceMatrix(
        {
            origins: [start],
            destinations: [end],
            travelMode: google.maps.TravelMode.DRIVING,
            unitSystem: google.maps.UnitSystem.IMPERIAL,
            avoidHighways: false,
            avoidTolls: false
        }, callback);
}

事实上，一切都很好。当我尝试添加关键时，事情就向南发展了。我试过了

<script src="https://maps.googleapis.com/maps/api/js?key={MY_KEY}&v=3.exp"></script>

and

<script src="https://maps.googleapis.com/maps/api/js?key={MY_KEY}"></script>

没有运气。当我执行其中任一操作时，我会收到有关无效 URL 的错误，类似于这个问题 https://stackoverflow.com/questions/12456714/google-distance-matrix-api-v3-showing-error.

我也尝试过添加key: {MY_KEY}, into calculateDistances()- 也不走运。

我错过了一些明显的事情吗？ （我感觉我就是这样）

UPDATE:

@Dr.Molle 的回答让我找到了我想要的东西。我打开“Google Maps JavaScript API v3”并更改<script src="https://maps.googleapis.com/maps/api/js?v=3.exp"></script> to <script src="https://maps.googleapis.com/maps/api/js?key={MY_KEY}&v=3.exp"></script>现在我可以按照我想要的方式查看开发者控制台中的活动。

当您在加载maps-Javascript-API时使用密钥时，您必须在控制台内启用API“Google Maps JavaScript API v3”。

链接的文档适用于 Web 服务，当您通过 javascript-API 请求 DistanceMatrixService 时，本文档中与关键相关的部分无关。

您可以在以下位置找到正确的文档https://developers.google.com/maps/documentation/javascript/distancematrix https://developers.google.com/maps/documentation/javascript/distancematrix