﻿//<![CDATA[
function makeMap() {
    // Center the map on Palo Alto.
    var map = new GMap(document.getElementById("mapDiv"));
    var getLat = parseFloat("43.879367");
    var getLong = parseFloat("-79.262704");
    var point1 = new GPoint(getLong, getLat)
    var getLat = parseFloat("43.876467");
    var getLong = parseFloat("-79.260435");
    var point2 = new GPoint(getLong, getLat)
    var getLat = parseFloat("43.877917");
    var getLong = parseFloat("-79.2615695");
    var point3 = new GPoint(getLong, getLat)
    map.addControl(new GSmallMapControl());
    map.addControl(new GMapTypeControl());
    map.centerAndZoom(point3, 2);
    // Add 10 random markers in the map viewport using the default icon.
    var bounds = map.getBoundsLatLng();
    var width = bounds.maxX - bounds.minX;
    var height = bounds.maxY - bounds.minY;
    var marker1 = new GMarker(point1);
    map.addOverlay(marker1);
//    var marker2 = new GMarker(point2);
//    map.addOverlay(marker2);
    //var contactString = "<div style='width: 200px; margin: 0px; padding: 0px;'><strong><asp:literal ID="litMapName" runat="server" /></strong>";
    //contactString += "<asp:literal ID="litMapAddress" runat="server" />";
    //contactString += "<asp:literal ID="litMapCity" runat="server" />";
    //contactString += "<asp:literal ID="litMapProvince" runat="server" />  <asp:literal ID="litMapPostalCode" runat="server" /></div>"
    var label1 = "<div style='width: 100px; margin: 0px; padding: 0px;'>Markham Activity Centre</div>";
//    var label2 = "<div>Church Office (61 Main St.)</div>";
    //map.openInfoWindowHtml(map.getCenterLatLng(), label1);
    GEvent.addListener(marker1, "click", function() {
        marker1.openInfoWindowHtml("Markham Activity Centre - 22 Water St.");
    });
//    GEvent.addListener(marker2, "click", function() {
//        marker2.openInfoWindowHtml("Church Office - 61 Main St.");
//    });
}
//]]>