Ich versuche derzeit, eine Google-Karte basierend auf ziemlich großen Ember-Projekt zu laden.Mein JavaScript-Code ist nicht meine Google Map zu rendern, jede Hilfe wäre sehr hilfreich
Da das Projekt ziemlich ist die Ladezeit länger als das, was ich möchte. Deswegen versuche ich, die Benutzeroberfläche der Load-Seite schöner zu machen, im Moment ist es ziemlich langweilig. Mein Ziel ist es, eine einfache Google Map API in diese Seite zu implementieren, die nicht lange dauert und nur eine bestimmte Anzahl von Variablen liest, z. Lat, Long, Zoom Level und Max Zoom.
Ich möchte auch die Karte asynchron für die Leistung laden.
Ich habe das Skript in ein separates HTML-Dokument unten gelegt, so dass mein anderer Code es nicht schwer zu verstehen macht. Ich nehme an, irgendwo in meinem Code ist nur ein dummer Fehler.
Vielen Dank von wer ist in der Lage, meine Idiotie in diesem zu lösen!
<html>
<head>
<title>Map Load</title>
<style>
#map {
height: 953px;
width: 1630px;
position: absolute;
}
</style>
</head>
<body>
<h1>Loading map using async and defer attributes for loading page</h1>
<div id="map"></div>
<script>
function init() {
var myLatlng = new google.maps.LatLng(54.559322,-4.174804); // Add the coordinates
var mapOptions = {
center: myLatlng,
zoom: 6, // The initial zoom
minZoom: 6, // Minimum zoom
maxZoom: 15 // Maximum zoom
};
var map = new google.maps.Map(document.getElementById('map'), mapOptions); // Render the map within the empty div
}
</script>
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBTy18qtBZ6L1FnlbeVVk2IhMysFBqJb68&callback=init"
async defer></script>
</body>
</html>
Sie verweisen auf einen Rückruf von 'initMap', aber Ihre Funktion wird' init' genannt. – BenM
Wenn Sie gogle.map immer noch nicht für moptions nuthin haben, setzen Sie mapoptions vor google.map –