Day Night Overlay

Usage

1. HEADER

<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
<script type="text/javascript" src="../src/daynightoverlay.js"></script>

2. HTML

<div id="map" style="width:620px; height:500px"></div>

3. JAVASCRIPT

var mapObj = new google.maps.Map(document.getElementById('map'), {
    zoom:1,
    center: new google.maps.LatLng(0,0),
    mapTypeId: google.maps.MapTypeId.ROADMAP
});

new DayNightOverlay({
    map: mapObj
});

Day Night Overlay Options

{string} fillColor A color string that will be used when drawing the night area.
{string} id A unique identifiert which will be assigned to the canvas on which we will draw.
{Date} date A specific point of time for which the day/night - overview shall be calculated (UTC date is taken).
{google.maps.Map} map A handle to the Google Maps map on which the overlay shall be shown.