wordpress 高级自定义字段 google map api key

标签 wordpress google-maps google-maps-api-3 advanced-custom-fields api-key

我在使用高级自定义字段插件加载谷歌地图时遇到问题。我在此处 https://www.advancedcustomfields.com/resources/google-map 的插件页面上的说明中进行了所有操作.
我在 ACF 中添加了 google-map 字段,但在它应该出现的页面上显示了一秒钟,然后消失并显示“糟糕!出了点问题。此页面未正确加载 Google map 。请参阅 JavaScript 控制台了解技术细节。” (见截图)。控制台说我需要设置 Google API key 。我想我还需要从 ACF 指令中修改 .js 文件中的一些字符串,但我不知道是哪些。可能有人可以帮忙。
先感谢您。
screenshot

最佳答案

ACF 更新了 Google Map documentation
您首先必须 get a Maps API key并确保激活以下 API:

  • map JavaScript API
  • 地理编码 API
  • 地方 API

  • 然后在您的 functions.php 中注册 API key
    如果免费使用 ACF
    function my_acf_google_map_api( $api ){
        $api['key'] = 'xxx';
        return $api;
    }
    add_filter('acf/fields/google_map/api', 'my_acf_google_map_api');
    
    如果使用 ACF pro
    function my_acf_init() {
        acf_update_setting('google_api_key', 'xxx');
    }
    
    add_action('acf/init', 'my_acf_init');
    
    就我而言,我必须删除并重新创建该字段才能正确保存。

    关于wordpress 高级自定义字段 google map api key,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38282612/

    相关文章:

    javascript - 用 AMD 隐藏全局 window.google.maps 对象

    java - 如何在jsp中通过java arraylist填充google heatmap LatLng

    javascript - Duration_in_traffic 小于 google Distance Matrix API 中的持续时间

    css - 如何减小html中表格的大小?

    php - 仅当强制类别的产品在购物车中时才允许结帐

    android - 使用 Cursor 检索 SQLite 数据库

    google-maps - 动态链接到 Google Maps 路线规划器并始终使用汽车作为首选交通工具

    php - wp 在自定义查询循环中获取标签

    在 WordPress 的 PDF 文件下载链接中检测到 HTML 恶意文件

    javascript - 查找最近的已知位置 : Google Reverse Geocoding