Hola me gustaría preguntaros si alguien me puede ayuda a resolver estos errores de consola que salen al agregar una API de Google maps en Wordpress.
Lo que estoy haciendo es incluir la api a traves del functions.php del theme. Así:
function my_theme_styles(){
//register scripts
wp_register_script('maps', 'https://maps.googleapis.com/maps/api/js?key=AIzaSyCfpER3xwhtc5ixN7o1ZJlKjN0CYSUGdcM&callback=initMap', array(), '', true );
wp_register_script('scripts', get_template_directory_uri() . '/assets/js/scripts.js', array(), '1.0.0', true );
//add scripts
wp_enqueue_script('maps');
wp_enqueue_script('jquery');
wp_enqueue_script('scripts');
}
add_action('wp_enqueue_scripts', 'my_theme_styles');
Tengo el mapa tan solo en la pagina de contacto. Cuando navego por otras paginas del theme, me da los siguientes errores de consola.
js?key=AIzaSyCfpER3xwhtc5ixN7o1ZJlKjN0CYSUGdcM&callback=initMap&ver=4.8.2:88 Uncaught TypeError: Cannot read property 'firstChild' of null
at Object._.ug (js?key=AIzaSyCfpER3xwhtc5ixN7o1ZJlKjN0CYSUGdcM&callback=initMap&ver=4.8.2:88)
at new zg (js?key=AIzaSyCfpER3xwhtc5ixN7o1ZJlKjN0CYSUGdcM&callback=initMap&ver=4.8.2:90)
at initMap (scripts.js?ver=1.0.0:14)
at js?key=AIzaSyCfpER3xwhtc5ixN7o1ZJlKjN0CYSUGdcM&callback=initMap&ver=4.8.2:98
at js?key=AIzaSyCfpER3xwhtc5ixN7o1ZJlKjN0CYSUGdcM&callback=initMap&ver=4.8.2:66
at Object._.Yd (js?key=AIzaSyCfpER3xwhtc5ixN7o1ZJlKjN0CYSUGdcM&callback=initMap&ver=4.8.2:64)
at ke (js?key=AIzaSyCfpER3xwhtc5ixN7o1ZJlKjN0CYSUGdcM&callback=initMap&ver=4.8.2:66)
at js?key=AIzaSyCfpER3xwhtc5ixN7o1ZJlKjN0CYSUGdcM&callback=initMap&ver=4.8.2:150
at Object.google.maps.Load (js?key=AIzaSyCfpER3xwhtc5ixN7o1ZJlKjN0CYSUGdcM&callback=initMap&ver=4.8.2:21)
at js?key=AIzaSyCfpER3xwhtc5ixN7o1ZJlKjN0CYSUGdcM&callback=initMap&ver=4.8.2:149
Alguien sabría decirme que estoy haciendo mal y como puedo resolverlo?
La definición de de initMap
es
var map;
function initMap() {
var latLng = { lat: 40.421733, lng: -3.699977 };
map = new google.maps.Map(document.getElementById('map'), { center: latLng, zoom: 16 });
var marker = new google.maps.Marker({ position: latLng, map: map, title: 'El Lotero Rockero' });'
}
Gracias por adelantado.