Elementor Google-Maps-Widget nutzen

Die parallele Nutzung des Google-Maps-Widgets von Premium Addons for Elementor (nicht zu verwechseln mit Elementor Pro) ist folgendermaßen möglich:

1. Option Google Maps API laden unter Einstellungen > Immobilien-Leads > Google Maps deaktivieren
2. Option Lade die Maps API JS-Datei unter Premium Addons for Elementor > Integrations deaktivieren
3. Google Maps API mit der folgenden Hook-Funktion via functions.php des Child-Themes oder Code-Snippets-Plugin einbinden:

/**
 * [immonex Lead Generator/Premium Addons for Elementor] Google Maps API inkl. Places
 * zur parallelen Einbindung des Premium-Google-Maps-Widgets vorab laden.
 */
function mysite_load_gmaps_api () {
  $api_key = 'GMAPS_API_KEY_HIER_EINFÜGEN';
  $api_url = "https://maps.googleapis.com/maps/api/js?key={$api_key}&libraries=places";
  wp_enqueue_script( 'mysite_google_maps', $api_url, array(), '1.0', true );
  wp_enqueue_script( 'mysite_premium_maps', plugin_dir_url( 'premium-addons-for-elementor/premium-addons-for-elementor.php' )
    . 'assets/frontend/js/premium-maps.js', array( 'mysite_google_maps' ), '1.0', true );
}
add_action( 'wp_enqueue_scripts', 'mysite_load_gmaps_api' );