Ausrichtung des Bildes auf die Mitte eines Google-Map DivCSS

CSS verstehen
Anonymous
 Ausrichtung des Bildes auf die Mitte eines Google-Map Div

Post by Anonymous »

Ich versuche, ein Bild auf die Mitte eines Google Map Div. Wie bei einem schwimmenden Marker, der immer an der Mitte der Karte ausgerichtet ist. Wenn sich jedoch die Größe des Karten -Divs geändert hat, zeigt das Bild nicht mehr auf die Mitte der Karte. >

Hier ist mein Beispiel -Körpercode

Code: Select all


[img]http://mt.googleapis.com/vt/icon/name=icons/spotlight/spotlight-poi.png[/img]


var map;
function initMap() {
map = new google.maps.Map(document.getElementById('map'), {
center: {lat: 28.625789, lng: 77.0547899},
zoom: 8
});

var marker = new google.maps.Marker({
position: map.getCenter(),
map: map,
title: 'Hello World!'
});
}


< /code>

< /p>

Dies ist das CSS < /p>

   html, body {
height: 100%;
margin: 0;
padding: 0;
}
#map {
height: 100%;
}

#static-img{
position:absolute;
top:44%;
width:100%;
text-align:center;
}
Hier ist ein Test jsfiddle
https://jsfiddle.net/pyu8rqso/1/

Wie soll ich dieses reparieren?

Quick Reply

Change Text Case: 
   
  • Similar Topics
    Replies
    Views
    Last post