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

Using a Google Apps API key with Distance Matrix

本文关键字：结合 距离 Google Apps API 密钥      更新时间：2023-09-26

我正在使用Google距离矩阵API，文档告诉我需要一个API密钥（但我可以在没有API密钥的情况下使用它。 我希望能够监控使用情况，但我对如何设置它感到困惑。

我有一个来自 Google 开发人员控制台的有效浏览器应用程序 API 密钥，它是新的，所以我假设它是一个版本 3 密钥。

我在控制台中添加了有效的引用

我的页面上有<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>

和

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

没有运气。 当我执行其中任何一个时，我会收到有关无效URL的错误，类似于此问题。

我也尝试将key: {MY_KEY},添加到calculateDistances()中 - 也没有运气。

我错过了一些明显的东西吗？ （我觉得我是）

更新：

@Dr.Molle的回答得到了我想要的东西。 我打开了"Google Maps JavaScript API v3"，并将<script src="https://maps.googleapis.com/maps/api/js?v=3.exp"></script>更改为<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 找到正确的文档

相关文章：