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

Bog*_*nov 10 wordpress google-maps api-key google-maps-api-3 advanced-custom-fields


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

Cre*_*rge 18

ACF更新了Google Map文档

首先,您必须获取Maps API密钥,并确保激活以下API:

  • Google Maps Directions API
  • Google Maps Distance Matrix API
  • Google Maps Elevation API
  • Google Maps Geocoding API
  • Google Maps JavaScript API
  • Google Places API网络服务
  • Google Static Maps API

然后在您的注册表中注册API密钥 functions.php

如果免费使用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');
Run Code Online (Sandbox Code Playgroud)

如果使用ACF专业版

function my_acf_init() {
    acf_update_setting('google_api_key', 'xxx');
}

add_action('acf/init', 'my_acf_init');
Run Code Online (Sandbox Code Playgroud)

在我的情况下,我不得不删除并重新创建字段,以便正确保存.