Title: DevDesk's Replies | WordPress.org --- # DevDesk [ ](https://wordpress.org/support/users/devdesk/) * [Profile](https://wordpress.org/support/users/devdesk/) * [Topics Started](https://wordpress.org/support/users/devdesk/topics/) * [Replies Created](https://wordpress.org/support/users/devdesk/replies/) * [Reviews Written](https://wordpress.org/support/users/devdesk/reviews/) * [Topics Replied To](https://wordpress.org/support/users/devdesk/replied-to/) * [Engagements](https://wordpress.org/support/users/devdesk/engagements/) * [Favorites](https://wordpress.org/support/users/devdesk/favorites/) Search replies: ## Forum Replies Created Viewing 2 replies - 1 through 2 (of 2 total) * Forum: [Plugins](https://wordpress.org/support/forum/plugins-and-hacks/) In reply to: [[Storymaps] Google Maps – where to place API key?](https://wordpress.org/support/topic/google-maps-where-to-place-api-key/) * Thread Starter [DevDesk](https://wordpress.org/support/users/devdesk/) * (@devdesk) * [6 years, 7 months ago](https://wordpress.org/support/topic/google-maps-where-to-place-api-key/#post-12040824) * The following link helped me understand the nature of the Advanced Custom Field( ACF) global settings and how they can be modified via “filter”: [https://www.advancedcustomfields.com/resources/acf-settings/](https://www.advancedcustomfields.com/resources/acf-settings/) * RESOLUTION: The next link shows the correct way to register the Google Maps API key in WordPress for both ACF & ACF PRO: [https://www.advancedcustomfields.com/blog/google-maps-api-settings/](https://www.advancedcustomfields.com/blog/google-maps-api-settings/) * The FUNCTIONS.PHP file (in \wp-content\themes\YOURTHEME) requires the following filter * ``` function my_acf_google_map_api( $api ){ $api['key'] = 'xxx'; return $api; } add_filter('acf/fields/google_map/api', 'my_acf_google_map_api'); ``` * Since this modification is Theme-Specific, it may be good practice to setup a [Child Theme](https://developer.wordpress.org/themes/advanced-topics/child-themes/#how-to-create-a-child-theme) instead to keep it separate from theme changes. * Or install a custom functions plugin (such as: [My Custom Functions by Space-X Chimp](https://wordpress.org/plugins/my-custom-functions/) or similar) which will allow custom functions to remain independent of the theme and plugins. * Forum: [Plugins](https://wordpress.org/support/forum/plugins-and-hacks/) In reply to: [[Storymaps] Google Maps – where to place API key?](https://wordpress.org/support/topic/google-maps-where-to-place-api-key/) * Thread Starter [DevDesk](https://wordpress.org/support/users/devdesk/) * (@devdesk) * [6 years, 7 months ago](https://wordpress.org/support/topic/google-maps-where-to-place-api-key/#post-12040403) * After digging into the code, I figured out the script calling Google Maps is being generated by the dependency plugin (required at install) “Advanced Custom Fields” in the following file: * `\wp-content\plugins\advanced-custom-fields\includes\fields\class-acf-field-google- map.php` * For whatever reason I’m not able to see any of these custom fields from the “ Advanced Custom Fields” plugin admin page (might be due to trying to install StoryMaps before I had installed ACF?) * Anyway, I played around with ACF, adding a custom field “google_api_key” with a default value set to my key, but could not get this to work. * In the end, I changed Line 89 & 90: * ``` // construct url $url = add_query_arg($api, 'https://maps.googleapis.com/maps/api/js'); ``` * appending the following directly after /js within the final quote `?key=MYPRIVATEKEY` * This gets the map to load, but would still like to know what the “proper” way to update the key is rather than this hack that made it work? * Any ideas? Thanks * Full original file code: * ``` name = 'google_map'; $this->label = __("Google Map",'acf'); $this->category = 'jquery'; $this->defaults = array( 'height' => '', 'center_lat' => '', 'center_lng' => '', 'zoom' => '' ); $this->default_values = array( 'height' => '400', 'center_lat' => '-37.81411', 'center_lng' => '144.96328', 'zoom' => '14' ); } /* * input_admin_enqueue_scripts * * description * * @type function * @date 16/12/2015 * @since 5.3.2 * * @param $post_id (int) * @return $post_id (int) */ function input_admin_enqueue_scripts() { // localize acf_localize_text(array( 'Sorry, this browser does not support geolocation' => __('Sorry, this browser does not support geolocation', 'acf'), )); // bail ealry if no enqueue if( !acf_get_setting('enqueue_google_maps') ) { return; } // vars $api = array( 'key' => acf_get_setting('google_api_key'), 'client' => acf_get_setting('google_api_client'), 'libraries' => 'places', 'ver' => 3, 'callback' => '', 'language' => acf_get_locale() ); // filter $api = apply_filters('acf/fields/google_map/api', $api); // remove empty if( empty($api['key']) ) unset($api['key']); if( empty($api['client']) ) unset($api['client']); // construct url $url = add_query_arg($api, 'https://maps.googleapis.com/maps/api/js'); // localize acf_localize_data(array( 'google_map_api' => $url )); } /* * render_field() * * Create the HTML interface for your field * * @param $field - an array holding all the field's data * * @type action * @since 3.6 * @date 23/01/13 */ function render_field( $field ) { // validate value if( empty($field['value']) ) { $field['value'] = array(); } // value $field['value'] = wp_parse_args($field['value'], array( 'address' => '', 'lat' => '', 'lng' => '' )); // default options foreach( $this->default_values as $k => $v ) { if( empty($field[ $k ]) ) { $field[ $k ] = $v; } } // vars $atts = array( 'id' => $field['id'], 'class' => "acf-google-map {$field['class']}", 'data-lat' => $field['center_lat'], 'data-lng' => $field['center_lng'], 'data-zoom' => $field['zoom'], ); // has value if( $field['value']['address'] ) { $atts['class'] .= ' -value'; } ?>
>
$v ): acf_hidden_input(array( 'name' => $field['name'].'['.$k.']', 'value' => $v, 'data-name' => $k )); endforeach; ?>
">">">
" value="" />
__('Center','acf'), 'instructions' => __('Center the initial map','acf'), 'type' => 'text', 'name' => 'center_lat', 'prepend' => 'lat', 'placeholder' => $this->default_values['center_lat'] )); // center_lng acf_render_field_setting( $field, array( 'label' => __('Center','acf'), 'instructions' => __('Center the initial map','acf'), 'type' => 'text', 'name' => 'center_lng', 'prepend' => 'lng', 'placeholder' => $this->default_values['center_lng'], '_append' => 'center_lat' )); // zoom acf_render_field_setting( $field, array( 'label' => __('Zoom','acf'), 'instructions' => __('Set the initial zoom level','acf'), 'type' => 'text', 'name' => 'zoom', 'placeholder' => $this->default_values['zoom'] )); // allow_null acf_render_field_setting( $field, array( 'label' => __('Height','acf'), 'instructions' => __('Customize the map height','acf'), 'type' => 'text', 'name' => 'height', 'append' => 'px', 'placeholder' => $this->default_values['height'] )); } /* * validate_value * * description * * @type function * @date 11/02/2014 * @since 5.0.0 * * @param $post_id (int) * @return $post_id (int) */ function validate_value( $valid, $value, $field, $input ){ // bail early if not required if( ! $field['required'] ) { return $valid; } if( empty($value) || empty($value['lat']) || empty($value['lng']) ) { return false; } // return return $valid; } /* * update_value() * * This filter is appied to the $value before it is updated in the db * * @type filter * @since 3.6 * @date 23/01/13 * * @param $value - the value which will be saved in the database * @param $post_id - the $post_id of which the value will be saved * @param $field - the field array holding all the field options * * @return $value - the modified value */ function update_value( $value, $post_id, $field ) { // Check if value is an empty array and convert to empty string. if( empty($value) || empty($value['lat']) ) { $value = ""; } // return return $value; } } // initialize acf_register_field_type( 'acf_field_google_map' ); endif; // class_exists check ?> ``` Viewing 2 replies - 1 through 2 (of 2 total)