Google Maps JavaScript API 警告：带有 angularjs umbraco 插件的 NoApiKeys答案

【问题标题】：Google Maps JavaScript API warning: NoApiKeys with angularjs umbraco pluginGoogle Maps JavaScript API 警告：带有 angularjs umbraco 插件的 NoApiKeys
【发布时间】：2019-10-03 20:00:05
【问题描述】：

我有一个使用 Umbraco cms 和 angularjs 的继承站点。我遇到了一个谷歌地图组件的问题，调用如下：

        assetsService.loadJs('https://www.google.com/jsapi?key=mykey')
        .then(function () {
            google.load('maps', '3',
                        {
                            callback: initMap,
                            other_params: 'libraries=places&sensor=false'
                        });
        });

mykey 显然不是我的实际密钥，实际密钥是我创建的不受限制的密钥。我仍然收到 NoApiKeys 错误。

是不是因为我调用的网址不再被支持？

【问题讨论】：

检查浏览器中的网络活动选项卡。您可以在那里看到对 Google Maps API 的哪些调用？看起来您可能会加载两次 API。第一次通过loadJs() 函数使用API 密钥，第二次通过google.load() 没有API 密钥。尝试在第二次通话中使用other_params: 'libraries=places&key=YOUR_API_KEY'。
好的，将密钥放入加载调用已解决问题，非常感谢。

标签： angularjs google-maps google-maps-api-3 umbraco7

【解决方案1】：

从 xomena 的评论中，我添加了加载调用的密钥：

assetsService.loadJs('https://www.google.com/jsapi')
    .then(function () {
        google.load('maps', '3',
                    {
                        callback: initMap,
                        other_params: 'libraries=places&sensor=false&key=mykey'
                    });
    });

现在一切正常

【讨论】：