时间戳

首页 > 解决方案 > 使用 MAMP 时，Google Maps JS API 在 localhost 中不起作用

javascript - 使用 MAMP 时，Google Maps JS API 在 localhost 中不起作用

问题描述

我正在使用 WordPress 开发一个网站，我目前处于开发阶段，所以使用 mamp 抛出 localhost。

我在 WP 中使用的主题是针对房地产经纪人的，而谷歌地图在所有列表页面上都得到了大量实施。我遇到的问题是谷歌地图搜索功能根本不起作用，我不可能将位置拖放到所有列表中。列表页面上的谷歌地图 错误信息

当我预览单个列表页面时，搜索功能在前端也不起作用，它可以很好地拉到澳大利亚悉尼，但这是我所能得到的。当我尝试在后端搜索属性位置时，它不起作用

这导致我这篇 stackoverflow 帖子。这似乎对我不起作用。
我在 Apache 端口 80 上托管，所以我只使用http://localhost并提取 mamp 托管的文档根目录。我已经尝试过http://localhost/、http://localhost/hackBarthRealty/以及前面没有 http 的相同变体，但没有成功。 API 应用程序限制 然后我在 Google 控制台上注意到了这一点

星号 因此，我尝试了在两边都带有星号的相同变体，例如 http://localhost/hackbarthRealty，因为我在整个站点的多个页面上使用地图功能，而不仅仅是一个，但这些变体也不起作用。

任何输入都会很好，我有点发疯了，开始认为 Google Maps JS API 根本无法与我的开发环境配置一起使用。

标签： javascriptwordpresswordpress-themingmampcustom-wordpress-pages

解决方案

添加你的functions.php

wp_register_script('googlemaps', 'https://maps.googleapis.com/maps/api/js?&key=enteryourkeyhere&callback=initMap', array(), '', true);

推荐阅读