Google Maps API error: MissingKeyMapError

hey !

I found a solution

just enough to change a file to solve this problem

firstly “/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes” html-helper.class.php found in the folder and replace to following code

found this code :

$visibility = "";
			
			if(!empty($subvalues['long']) || !empty($subvalues['lat']) ) $visibility = "av-visible";

replace this code:
$visibility = "av-visible";
the final version of the code:

static function gmap_adress($element)
		{	
			$defaults = array('address' => '', 'city' => '', 'country' => '', 'long' => '', 'lat' => '');
			$subvalues = isset($element['shortcode_data']) ? $element['shortcode_data'] : array();
			$values = array_merge($defaults, $subvalues);
		    $visibility = "av-visible";
			
			$output  = '';
			$output .= '<label class="av-gmap-field av-gmap-addres">'.__('Street address','avia_framework').' <input type="text" class="'.$element['class'].'" value="'.nl2br($values['address']).'" id="address" name="address"/></label>';
			
			$output .= '<label class="av-gmap-field av-gmap-addres av_half av_first">'.__('City','avia_framework').' <input type="text" class="'.$element['class'].'" value="'.nl2br($values['city']).'" id="city" name="city"/></label>';
			
			$output .= '<label class="av-gmap-field av-gmap-addres av_half">'.__('Country','avia_framework').' <input type="text" class="'.$element['class'].'" value="'.nl2br($values['country']).'" id="country" name="country"/></label>';
			
			$class 	 = 'button button-primary avia-js-google-coordinates av-google-fetch-button'.$element['class'];
			$output .= '<a href="#" class="'.$class.'" title="">'.__('Enter Address, then fetch coordinates','avia_framework').'</a>';
			$output .= '<div class="av-gmap-coordinates">';
			
			$output .= '<label class="av-gmap-field av_half av_first">'.__('Longitude','avia_framework').' <input type="text" class="'.$element['class'].'" value="'.nl2br($values['long']).'" id="long" name="long"/></label>';
			
			$output .= '<label class="av-gmap-field av_half">'.__('Latitude','avia_framework').' <input type="text" class="'.$element['class'].'" value="'.nl2br($values['lat']).'" id="lat" name="lat"/></label>';
			
			
			$output .= '</div>';
			
			return $output;
		}

and paste following code enfold analytics code area

<!--Google Maps JavaScript API -->
<script src="https://maps.googleapis.com/maps/api/js?key=XXX"
  type="text/javascript"></script>

“XXX is your api key google is free 25.000 views your map”

that is all automatic address detection code just does not work , but you can find it in the manual..

best regards.

• This reply was modified 8 years, 4 months ago by rdvnburton.

Hi, all. After tinkering around with this issue, I put together some code that let’s you add the Google API code via the Theme Options. The first function adds a field called “Google API Key” to the Theme Options tab. The second function pulls that value and uses it in the underlying HTML. Just copy these into the functions.php file for your theme or (hopefully) child theme.

Kriesi’s solution will probably be better in the long run but in case anyone is interested…

// add some theme options
add_filter('avf_option_page_data_init', 'pwm_utilities_avf_option_page_data_init', 10, 1);
function pwm_utilities_avf_option_page_data_init($avia_elements){

	$new_elements[] =	array(
						"slug"	=> "avia",
						"name" 	=> __("Google API Key", 'avia_framework'),
						"desc" 	=> __("", 'avia_framework'),
						"id" 	=> "google_api_key",
						"type" 	=> "text",
						"label"	=> __("", 'avia_framework'));

	$avia_elements = array_merge( $avia_elements, $new_elements );
	return $avia_elements;

}

// add google maps api script with key (only if the key has been entered).
add_action('wp_footer', 'gmaps_workaround');
function gmaps_workaround(){
	
	$google_api_key = avia_get_option('google_api_key');
	if( $google_api_key ):
		echo '<!--Google Maps JavaScript API -->';
		echo '<script src="https://maps.googleapis.com/maps/api/js?key=' . $google_api_key . '" type="text/javascript"></script>';
	endif;

}