How to set marker in center position in google map

Question

When i click the text. google map will draw on modal pop up in bootstrap

Here google map is created and location is point out by marker. marker placed in left top corner. not in center position.

Calling the google map

td_location.innerHTML = '<span data-toggle="modal" data-target="#map"><img src="img/marker.png" class="add_marker" onclick="createMap('+json_obj.devices[i].latitude+','+json_obj.devices[i].longitude+')"/></span>'

google map creation

function createMap(lat,lng)
    {
        var mapOptions={
            zoom:10,
            //center:new google.maps.LatLng(lat, lng)
        };
       map=new google.maps.Map(document.getElementById('locationMap'),mapOptions);
         var pos=new google.maps.LatLng(lat,lng);
         var marker = new google.maps.Marker({
          position: pos,
          map: map,
         });

         map.setCenter(pos);

        return true;
    }

Answer 1

 google.maps.event.addListenerOnce(map, 'idle', function(){
        google.maps.event.trigger(map, 'resize');
        map.setCenter(pos);
    });