Error mapa Google map

[Middrel]

Buenas tardes,

Tengo un problema con un mapa de Google maps que no se está desplegando bien. El problema es que en un servidor de pruebas puedo verlo correctamente pero en otro servidor no. Por ejemplo, en la siguiente liga:

http://serverbideas.com/gons/contacto.php

que es mi servidor de pruebas el mapa se despliega correctamente. Sin embargo, en el sitio oficial me marca el siguiente error:

Se ha producido un error.
Esta página no ha cargado Google Maps correctamente. Descubre los detalles técnicos del problema en la consola de JavaScript.

la liga es esta: http://eventosgons.com.mx/contacto.php

reviso el código de javascript que hace la llamada a esta función y francamente no veo que pueda ser:

Código Javascript:

/* Google Maps plugin */
  $.fn.googleMap = function () {
 
    if ($(this).length == 0) return $(this);
 
    var marker_location = new google.maps.LatLng($(this).attr('data-latitude'), $(this).attr('data-longitude'));
 
    var map = new google.maps.Map($(this)[0], {
      zoom: parseInt($(this).attr('data-zoom')),
      center: marker_location,
      mapTypeId: google.maps.MapTypeId.ROADMAP,
      scrollwheel: false,
      panControl: true,
      panControlOptions: {
          position: google.maps.ControlPosition.LEFT_TOP
      },
      zoomControl: true,
      zoomControlOptions: {
          style: google.maps.ZoomControlStyle.SMALL,
          position: google.maps.ControlPosition.LEFT_TOP
      },
      streetViewControl: false,
      mapTypeControl: false,
      scaleControl: false,
    });
 
    map.controls[google.maps.ControlPosition.TOP_LEFT].push($('<div class="move_down"></div>')[0]);
 
    var marker = new google.maps.Marker({
      position: marker_location,
      map: map,
      icon: new google.maps.MarkerImage(
        'img/marker.png',
        new google.maps.Size(32,38),
        new google.maps.Point(0,0),
        new google.maps.Point(16,38)
      )
    });
 
    return $(this);
 
  }
 

mi fuerte no es javascript, al usar el inspector noto lo siguiente:

"Google Maps API error: MissingKeyMapError https://developers.google.com/maps/documentation/javascript/error-messages#missing-key-map-error"
"Google Maps API warning: NoApiKeys https://developers.google.com/maps/documentation/javascript/error-messages#no-api-keys"
"Google Maps API warning: SensorNotRequired https://developers.google.com/maps/documentation/javascript/error-messages#sensor-not-required"

pero hace referencia a archivos de Google maps... entonces no sé dónde buscar el error :/

¿Alguna idea de como solucionar esto? ¿O tendrá que ver con el servidor? lo comento porque en mi servidor de pruebas si funciona correctamente...

Saludos!!

[Middrel]

Acabo de generar mis credenciales de API (si es que fueran requeridas)...

[miktrv]

Si,

Deberías incluir en la llamada a la librería de Google Maps tus api keys

[Middrel]

Hola miktrv,

Ya las cree, pero no sé si las estoy implementando bien, seguí la guía de Google: https://developers.google.com/maps/d...oading-the-api pero el error persiste :/

no sé que me falta...