Polygon

by secretgspot

HTML

<html>
<head>
<title>Google Maps API v3 : Hardcoded Polygon</title>
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
<script type="text/javascript">
</script>
</head>
<body onload="initialize()">
<div id="map" style="width: 530px; height: 228px">
</div>
</body>
</html>

JavaScript

var metros;

function initialize()
{
    var map = new google.maps.Map(document.getElementById("map"),
    {
        zoom: 4,
        center: new google.maps.LatLng(22.7964, 79.8456),
        mapTypeId: google.maps.MapTypeId.HYBRID
    });

    var coords =
    [
        new google.maps.LatLng(18.979026,72.949219), //Mumbai
        new google.maps.LatLng(28.613459,77.255859), //Delhi
        new google.maps.LatLng(22.512557,88.417969), //Kolkata
        new google.maps.LatLng(12.940322,77.607422), //Bengaluru
    ];

    metros = new google.maps.Polygon(
    {
        paths: coords,
        strokeColor: "#0000FF",
        strokeOpacity: 0.8,
        strokeWeight: 2,
        fillColor: "#0000FF",
        fillOpacity: 0.26
    });

    metros.setMap(map);
}