How I can left align the google maps
<p>How to left align the google maps, I mean the marker positions. Here is my JS</p>

<pre class="lang-js prettyprint-override"><code>function showGoogleMaps() {

    var latLng = new google.maps.LatLng(position[0], position[1]);

    var mapOptions = {
        zoom: 16, 
        zoomControl:false,
        mapTypeControl:false,
        streetViewControl: false, // hide the yellow Street View pegman
        scaleControl: true, // allow users to zoom the Google Map
        mapTypeId:ROADMAP,
        center: latLng,
        scrollwheel: false,
        styles: styles

    };

    map = new google.maps.Map(document.getElementById('googlemaps'),
        mapOptions);

    // Show the default red marker at the location
    marker = new google.maps.Marker({
        position: latLng,
        map: map,
        draggable: false,
        title: 'Hello',
        animation: google.maps.Animation.DROP
    });
}
</code></pre>

<p>Here are the screenshots</p>

<p>The default marker location
<a href="https://i.stack.imgur.com/1WpZK.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/1WpZK.png" alt="The default marker location"></a></p>

<p>How I want this to be
<a href="https://i.stack.imgur.com/KxD6S.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/KxD6S.jpg" alt="How I want this to be"></a></p>

<p>The marker or location is centered by default. I want that either to the left or right by default. </p>

<p>Thanks</p>