Ich verwende eine HTML-Vorlage für meine Website. Google Maps funktioniert gut in meinem localhost, aber wenn ich es auf dem Server hochlade, zeigt es einen Fehler beim Anzeigen von Google Maps.Fehler beim Anzeigen der Google-Karte in der Website
Ich versuchte mit Google API-Taste, aber es funktioniert immer noch nicht und Javascript-Fehler auf dem Bildschirm bekommen.
Anbei Bild für Ihre Referenz.
Bitte beraten, was soll ich tun.
Maps.html
Ersetzen Sie den Schlüssel für Googlemaps API
<!DOCTYPE html>
<html>
<body>
<div id="map" style="width:100%;height:500px"></div>
<script>
function myMap() {
var text="hello";
var myCenter = new google.maps.LatLng(51.508742,-0.120850);
var mapCanvas = document.getElementById("map");
var mapOptions = {center: myCenter, zoom: 5};
var map = new google.maps.Map(mapCanvas, mapOptions);
var marker = new google.maps.Marker({position:myCenter});
marker.setMap(map);
google.maps.event.addListener(marker,'click',function() {
var infowindow = new google.maps.InfoWindow({
content: text
});
infowindow.open(map,marker);
});
}
</script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
<script src="https://maps.googleapis.com/maps/api/js?key=REPLACEKEY&callback=myMap"></script>
</body>
</html>
können Sie Google Maps Iframe verwenden, wenn alles, was Sie tun möchten, auf eine bestimmte Stelle ist zeigen Google Maps auf Ihrer Website. – rexroxm