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;
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
0