Question

我正在尝试使用Angular谷歌地图，我通过角谷歌地图提供的快速设置

    .config(['$routeProvider','$locationProvider','uiGmapGoogleMapApiProvider,
        function($routeProvider,$locationProvider,uiGmapGoogleMapApiProvider) {
           // Other configurations
          uiGmapGoogleMapApiProvider.configure({
            key: ‘MY_GOOGLE_API_KEY’,
            v: ‘3.17’,
            libraries: 'weather,geometry,visualization'
          });
        }
    ]);

我在Google API控制台中设置了一个API密钥，但是当我加载页面时，我得到一个MissingKeyMapError。

Google Maps API错误：MissingKeyMapError https://developers.google.com/maps/documentation/javascript/error-messages#missing-key-map-error

我在API控制台中启用了Google Javascript API。我不知道自己做错了什么。任何帮助将不胜感激。

Answer 1

我解决了这个问题。结果我正在加载Google Maps API v3两次。我在提供商中加载它

uiGmapGoogleMapApi.then(function(maps) {});

并加载脚本标记

<script src="https://maps.googleapis.com/maps/api/js"></script>

删除脚本标记后，它就可以了！

感谢大家的帮助。

Answer 2

确保使用带有效API密钥的密钥参数。请按照此link获取有关如何为项目获取正确API密钥的步骤。

转到Google API Console。

创建或选择项目。

点击继续以启用API和所有相关服务。

在凭据页面上，获取浏览器密钥（并设置API凭据）。注意：如果您有现有的浏览器密钥，则可以   使用那把钥匙。

为防止配额被盗，secure your API key following these best practices。

（可选）启用结算功能。见Usage Limits   了解更多信息。

但基于此thread，问题是由于在使用此库之前包含google maps api的迷路脚本标记。您还可以查看相关的SO question。

希望这有帮助！

角谷歌地图api键没有通过

2 个答案: