Ver Mensaje Individual
  #1 (permalink)  
Antiguo 12/12/2016, 13:46
Avatar de Middrel
Middrel
 
Fecha de Ingreso: abril-2005
Mensajes: 835
Antigüedad: 19 años
Puntos: 27
Error mapa Google map

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:

Cita:
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:
Ver original
  1. /* Google Maps plugin */
  2.   $.fn.googleMap = function () {
  3.  
  4.     if ($(this).length == 0) return $(this);
  5.  
  6.     var marker_location = new google.maps.LatLng($(this).attr('data-latitude'), $(this).attr('data-longitude'));
  7.  
  8.     var map = new google.maps.Map($(this)[0], {
  9.       zoom: parseInt($(this).attr('data-zoom')),
  10.       center: marker_location,
  11.       mapTypeId: google.maps.MapTypeId.ROADMAP,
  12.       scrollwheel: false,
  13.       panControl: true,
  14.       panControlOptions: {
  15.           position: google.maps.ControlPosition.LEFT_TOP
  16.       },
  17.       zoomControl: true,
  18.       zoomControlOptions: {
  19.           style: google.maps.ZoomControlStyle.SMALL,
  20.           position: google.maps.ControlPosition.LEFT_TOP
  21.       },
  22.       streetViewControl: false,
  23.       mapTypeControl: false,
  24.       scaleControl: false,
  25.     });
  26.  
  27.     map.controls[google.maps.ControlPosition.TOP_LEFT].push($('<div class="move_down"></div>')[0]);
  28.  
  29.     var marker = new google.maps.Marker({
  30.       position: marker_location,
  31.       map: map,
  32.       icon: new google.maps.MarkerImage(
  33.         'img/marker.png',
  34.         new google.maps.Size(32,38),
  35.         new google.maps.Point(0,0),
  36.         new google.maps.Point(16,38)
  37.       )
  38.     });
  39.  
  40.     return $(this);
  41.  
  42.   }

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!!