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

[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?