Google Maps JavaScript API在localhost中运行,但在Live Server中不运行

时间:2017-02-20 09:56:45

标签: javascript jquery html google-maps

目前,我正在尝试实施Google地图自动填充地址功能,以便在我的网站上获取地址纬度和经度。 我在Google控制台上创建了Google Maps JavaScript API密钥,并在脚本中插入了API密钥:

<script src="https://maps.googleapis.com/maps/api/js?key=[api_key]&libraries=places&callback=initAutocomplete"
    async defer></script>

当我在localhost中运行项目时,它会给我自动填充建议地址以及我选择的特定地址的纬度和经度。 但是,当我试图在实时服务器上运行该项目时,它给了我几个错误。修复了所有错误,但仍然没有给我结果。 尝试了5-6天,尝试了不同的API,但结果是一样的。

即使我从https://developers.google.com/maps/documentation/javascript/examples/places-autocomplete-addressform复制了代码并插入了我的API密钥,但似乎没有任何效果。

有人可以建议我需要做什么吗?

1 个答案:

答案 0 :(得分:0)

您收到的错误表明所使用的API密钥具有引荐来源限制,并且您尝试使用API​​密钥的域不是授权的引荐来源。

您可能需要为您的授权推荐人添加通配符星号。例如,您的测试链接:

http://test.digiegeeks.com/gmap/

你应该授权:

*.digiegeeks.com/*

或者您提到的安全p4programming域名,如下所示:

*.p4programming.net/*

如果您将上面显示的星号作为通配符包含在内,那么您是否仍会收到引荐来源错误?

我希望这有帮助!