JavaScript - Problema api google

 
Vista:

Problema api google

Publicado por alvaro (1 intervención) el 26/01/2017 18:59:08
Buenas tardes,

Tenia una web de prueba y me funcionaba correctamente la api de google maps pero he cambiado de hosting y ahora me sale lo siguiente:

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.

Debo de tener que añadir la api de google pero no se como añadirla en mi codigo.



El codigo es el siguiente;

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
/* Google Maps
------------------------------------------------*/
var map = '';
var center;
 
 
 
function initialize() {
  var mapOptions = {
    zoom: 18,
    center: new google.maps.LatLng(42.008553, -4.532396),
    scrollwheel: false,
    draggable:true,
 
 
  };
 
 
  map = new google.maps.Map(document.getElementById('GoogleMap'),  mapOptions);
  var contentString = '<div id="content">'+
      '<div id="siteNotice">'+
      '</div>'+
      '<b><h1 id="firstHeading" class="firstHeading">Consulta de Psiquiatría Dra. Flores Cantera</h1>'+
      '<div id="bodyContent">'+
      '<h4>C/ Becerro de Bengoa Nº 2 2ºE Palencia, España.</h4>'+
	  '<h5>Teléfono: 611 021 983</h5><br></b>'+
      '</div>'+
      '</div>';
 
  infowindow = new google.maps.InfoWindow({
    content: contentString
  });
  marker = new google.maps.Marker({
        position: new google.maps.LatLng(42.008553, -4.532396),
        map: map,
        title: 'Consulta de Psiquiatría Dra. Flores Cantera'
    });
 
marker.setMap(map);
marker.addListener('click', function() {
    infowindow.open(map, marker);
  });
  google.maps.event.addDomListener(map, 'idle', function() {
    calculateCenter();
  });
 
  google.maps.event.addDomListener(window, 'resize', function() {
    map.setCenter(center);
  });
}
 
function calculateCenter() {
  center = map.getCenter();
}
 
function loadGoogleMap(){
  var script = document.createElement('script');
  script.type = 'text/javascript';
  script.src = 'https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false&' + 'callback=initialize';
  document.body.appendChild(script);
 
}
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
Imágen de perfil de txema
Val: 71
Ha aumentado 1 puesto en JavaScript (en relación al último mes)
Gráfica de JavaScript

Problema api google

Publicado por txema (23 intervenciones) el 27/01/2017 00:44:56
Hola Alvaro:

No sé de dónde has copiado el código pero te presento la solución a tu problema.

En tu código enlazas a Google Maps en el siguiente script
1
2
3
4
5
6
function loadGoogleMap(){
var script = document.createElement('script');
script.type = 'text/javascript';
script.src = 'https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false&' + 'callback=initialize';
document.body.appendChild(script);
}

Lo normal es que lo sustituyas en el <header> por
1
<script async defer src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&callback=initMap"></script>

La obtención de tu key (YOUR_API_KEY) la puedes obtener en https://developers.google.com/maps/documentation/javascript/get-api-key#key

Ésta es exclusiva para tu página web o el uso que vayas a realizar con ella. Esto es, tienes que seguir los pasos para conseguir tu API_KEY exclusiva (apenas son dos minutos)
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
1
Comentar