I am creating a google map in a script with the following code -

var mapElement,

    parent,

    mapOptions,

    map,

    marker,

    latLong,

    openMarker;



parent = document.getElementsByClassName('parent')[0];

mapElement = document.createElement('div');

latLong = new google.maps.LatLng(some_lat_from_db, some_long_from_db);



mapOptions = {

    center: latLong,

    zoom: 14,

    mapTypeId: google.maps.MapTypeId.ROADMAP

};



map = new google.maps.Map(mapElement, mapOptions);

marker = new google.maps.Marker({

    position: latLong,

    map: map,

    title: 'some title'

});



openMarker = function () {

    var infowindow = new google.maps.InfoWindow();

    infowindow.setContent('Some Content');

    infowindow.open(map, marker);

};



google.maps.event.addListener(marker, 'click', openMarker);

parent.appendChild(mapElement);

openMarker();

When using this code, the infowindow that opens up by default goes outside the map viewport, so it's not visible. I first tried to reduce the size of the info window but that didn't work out. So I thought to move the center of the map a bit so that the info window remains in the viewport.

So, how can I move the center by some pixels so that the info window remains in the viewport?