Embedding Google Map für meine Website Ausgabe

-1

Ich bin ein neuer Web-Entwickler und versuchen, eine eingebettete Google-Karte auf einer Website für meine Kunden zu bekommen. Wenn ich die HTML-Dateien auf meinem Rechner und anderen teste funktioniert es perfekt, aber wenn ich die Website auf dem Hosting-Service und Domain von godaddy.com laufen die Karte nicht funktioniert ...Embedding Google Map für meine Website Ausgabe

Jeder hat irgendwelche Gedanken darüber, wie das zu beheben ist. Der google map embed Code ist unten, wenn das hilft. Danke im Voraus.

<div id="googleMap"></div> 

<script src="http://maps.googleapis.com/maps/api/js"></script> 
<script> 
var myCenter = new google.maps.LatLng(40.289696, -111.720798); 

function initialize() { 
var mapProp = { 
center:myCenter, 
zoom:12, 
scrollwheel:false, 
draggable:false, 
mapTypeId:google.maps.MapTypeId.ROADMAP 
}; 

var map = new google.maps.Map(document.getElementById("googleMap"),mapProp); 

var marker = new google.maps.Marker({ 
position:myCenter, 
}); 

marker.setMap(map); 
} 

google.maps.event.addDomListener(window, 'load', initialize); 
</script>

Quelle

2016-07-14 Kapetan

Jeder Fehler in der Konsole? – Rohit

Schlüssel sind jetzt erforderlich. Mögliche Duplikat von [Google Geocoder MissingKeyMapError auf einer Seite zu werfen, aber nicht eine andere] (http://stackoverflow.com/questions/38269149/google-geocoder-throwing-missingkeymaperror-on-one-page-but-not-another/38270471# 38270471) – geocodezip

Ich hatte den Schlüssel, das Problem war falsch Setup der Initialisierung und laden JS Funktionen. Danke für alle Kommentare. Sie werden immer sehr geschätzt. – Kapetan

die Sie interessieren,

<script 
src="http://maps.googleapis.com/maps/api/js"> 
</script> 

<script> 
    function initialize() { 
     var mapProp = { 
      center:new google.maps.LatLng(51.508742,-0.120850), 
      zoom:5, 
      mapTypeId:google.maps.MapTypeId.ROADMAP 
     }; 
     var map=new google.maps.Map(document.getElementById("googleMap"), mapProp); 
    } 
    google.maps.event.addDomListener(window, 'load', initialize); 
</script> 
</head> 

<body> 
    <div id="googleMap" style="width:500px;height:380px;"></div> 

</body> 
</html>

Quelle

2016-07-14 04:50:27

Embedding Google Map für meine Website Ausgabe

Antwort

Verwandte Themen