javascript - 谷歌地图的搜索框在本地主机上不起作用

标签 javascript

当我尝试点击搜索框中的位置时,我收到带有感叹号的消息:

grey message box with exclamation mark and message “Petit problème... Une erreur s'est produite”

这是我的代码:

<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false&libraries=places"></script>
<input id="searchTextField" type="text" size="50">
<script type="text/javascript">
    function initialize() {
        var input = document.getElementById('searchTextField');
        var autocomplete = new google.maps.places.Autocomplete(input);
    }
    google.maps.event.addDomListener(window, 'load', initialize);
</script>

最佳答案

Google 根据请求的来源地址检查引荐来源网址。这意味着,您必须有一个实际的网络服务器在运行并通过例如 http://localhost/maps.html 访问您的文档。

当您直接从磁盘打开 html 文件时,您的地址将类似于 file:///C:/www/maps.html。这显然不在 Cloud Console 的引用者列表中,因此出现 RefererNotAllowedMapError

关于javascript - 谷歌地图的搜索框在本地主机上不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39013784/

相关文章:

javascript - Chart.js 在标签中使用很棒的字体

Javascript-setImmediate() 与 nextTick() 用于堆栈或消息?

javascript - Ruby & Rails - 将字符串转换为 Proc

javascript - 如何在 JavaScript 中检测 HTMLCollection/NodeList?

javascript - 改变列表中的元素

javascript - Odoo 8 POS模块。Orderline扩展功能

javascript - css 样式何时/如何应用于动态添加的元素?

javascript - 使用 AngularJS 回调的 Google OAuth2 登录

javascript - 基于javascript数组数据显示行和列

javascript - 如何使用偏移量转换时间跨度