在Distance Matrix中使用Google Apps API密钥

时间:2014-11-13 00:49:38

标签: javascript api google-maps google-maps-api-3

我正在使用Google Distance Matrix API并且文档告诉我我需要一个API密钥(但我可以在没有它的情况下使用它。)我希望能够监控使用但我很难过如何设置它。

我有一个来自Google Developers Console的有效浏览器应用程序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>

没有运气。当我执行其中任何一项操作时,我收到有关无效网址的错误similar to this question

我也尝试将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>现在,我可以在开发者控制台中查看我想要的活动。

1 个答案:

答案 0 :(得分:1)

在加载maps-Javascript-API时使用密钥时,您必须启用API&#34; Google Maps JavaScript API v3&#34;在控制台内。

链接文档适用于Webservice,当您通过javascript-API请求DistanceMatrixService时,本文档中与密钥相关的部分无关紧要。

您在https://developers.google.com/maps/documentation/javascript/distancematrix

找到的正确文档