Maps API v3 Center Polygon

http://stackoverflow.com/questions/30430839

HTML

<script src="http://maps.googleapis.com/maps/api/js?sensor=false"></script>
<div id="map-canvas"></div>

CSS

#map-canvas {
    height: 400px;
}

JavaScript

function initialize() {

    var path = new Array(new google.maps.LatLng(1, 1), new google.maps.LatLng(1, 10), new google.maps.LatLng(10, 10), new google.maps.LatLng(1, 1));

    var mapOptions = {
        zoom: 4,
        center: new google.maps.LatLng(40, 9),
        mapTypeId: google.maps.MapTypeId.ROADMAP
    };

    var map = new google.maps.Map(document.getElementById("map-canvas"), mapOptions);

    var polygon = new google.maps.Polygon({
        path: path,
        map: map
    });
    
    var bounds = new google.maps.LatLngBounds();
    
    for (var i=0; i<polygon.getPath().length; i++) {
        
        var point = new google.maps.LatLng(path[i].lat(), path[i].lng());
        bounds.extend(point);
    }
    
    map.fitBounds(bounds);
        const marker = new google.maps.Marker({
      position: {
        lat: bounds.getCenter().lat(),
        lng: bounds.getCenter().lng()
      },
      map: this.map,
      title: "Hello World!"
    });
    marker.setMap(map);
}

initialize();