Google Maps API-Marker verschieben auf Blättern und Layout-Stil

Question

Ich bin neu in der Google Maps API, ich versuche, einen Marker mit der Adresse in Google Maps einzubetten, aber ich habe Fehler.

https://developers.google.com/maps/documentation/javascript/adding-a-google-map#map

Ich verwende diese Dokumentation, und ich habe diesen Code kopiert, aber es funktioniert nicht richtig, denn wenn man die Markierung bewegen wird es nicht in der Karte festgelegt, sondern seine Bewegung und bleibt nicht in der Richtiger Platz.

Auch die Tasten in der linken Ecke MAP und SATELLITE nicht richtig angezeigt wird, erscheinen sie mit einer Hintergrundlinie in der ganzen Karte und nicht zusammen kleiner.

Schließlich wird die + und - Schaltfläche nicht angezeigt.

Jemand könnte mir sagen, warum ich all dieses Problem habe?

Hier ist mein Code:

<script> 
function initMap() { 
var blitz8 = {lat: 45.806510, lng: 10.109520}; 
var map = new google.maps.Map(document.getElementById("map"), { 
    zoom: 18, 
    center: blitz8 
}); 
var marker = new google.maps.Marker({ 
position: blitz8, 
map: map 
}); 

}; 
</script> 

Und hier die Live-Seite:

https://sebalaini.github.io/Blitz8/

Answer 1

Hallo ich von behinderten einige CSS-Option in Ihrem base.scss, dieses Problem beheben überprüfen Sie bitte, und beheben Sie das, überprüfen Sie mein Bild hochgeladen unter