Отображение div в определенном месте

---

Привет
Я хочу, чтобы div появился над картой google с центром в "маркере".

Проблема: div отказывается появляться.

window.infoWindow = document.getElementById("infoWindow");

infoWindow.innerHTML = marker.title;
infoWindow.style.display = 'block';
				
var scale = Math.pow(2, gmap.getZoom());
var worldCoordinateNW = gmap.getProjection().fromLatLngToPoint(new google.maps.LatLng(gmap.getBounds().getNorthEast().lat(), gmap.getBounds().getSouthWest().lng()));
var worldCoordinate = gmap.getProjection().fromLatLngToPoint(marker.getPosition());
				
infoWindow.style.left =	Math.floor((worldCoordinate.x - worldCoordinateNW.x) * scale);
infoWindow.style.top = Math.floor((worldCoordinate.y - worldCoordinateNW.y) * scale);

<div class="container">
    <div id="infoWindow">
        <div class="dropdown-content">
            <a href="#">Link 1</a>
            <a href="#">Link 2</a>
            <a href="#">Link 3</a>
        </div>
    </div>
</div>

#infoWindow
{
	width: 300px;
	height: 600px;
	position: absolute;
	/* display: none; */
}

.container
{
	width: 200px;
	height: 400px;
	color: white;
}

.container a
{
	width: 200px;
	height: 24px;
    color: white;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

.container a:hover
{
	background-color: #f1f1f1;
}

Что я уже пробовал:

Приведенный выше код

............................................................

---