function initialize() {

var drivers = [{

            name: 'In Route',

            desc: '<h4>teddy johnson | GPS: on <br> tow - light duty wheel lift <br> ETA: 15min | 10:00 AM</h4>',

            add: '528 beacon st <br> boston, MA 02215',

            lat: 42.366285,

            long: -71.135091,

            icon: '../img/map-icon/RC_web_icn_map_inroute_sm2x.png',

            zicon: '../img/map-icon/RC_web_icn_map_inroute_med2x.png',

        }, {

            name: 'Disablement Location',

            desc: '<h4>Teddy Johnson | GPS: On <br> tow - light duty wheel lift <br> ETA: 15min | 10:00 AM</h4>',

            add: '528 beacon st <br> boston, MA 02215',

            lat: 42.34844,

            long: -71.08735,

            icon: '../img/map-icon/RC_web_icn_status_disablement_sm_default2x.png',

            zicon: '../img/map-icon/RC_web_icn_status_disablement_med_default2x.png',

        }, {

            name: '',

            desc: '<h4>ira toyota</h4>',

            add: '29 fairfield st <br> boston, MA 02116',

            lat: 42.357025,

            long: -71.070547,

            icon: '../img/map-icon/RC_web_icn_map_towtolocation_sm2x.png',

            zicon: '../img/map-icon/RC_web_icn_map_towtolocation_med2x.png',

        }

    ];

    var mapOptions = {

        zoom: 13,

        center: new google.maps.LatLng(42.334949, -71.080846),

        mapTypeId: google.maps.MapTypeId.ROADMAP,

        panControl: false,

        zoomControl: false,

        mapTypeControl: false,

        streetViewControl: false,

    }

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

​

    markers = [];

    var createMarker = function (info) {

        var marker = new google.maps.Marker({

            map: map,

            position: new google.maps.LatLng(info.lat, info.long),

            title: info.name,

            anchor: info.anchor,

            icon: info.icon

        });

​

        marker.text = '<div class="infoWindowtitle">' + marker.title + '</div>';

        marker.content = '<div class="infoWindowContent">' + info.add + '</div>';

        marker.address = '<div class="infoWindowContent">' + info.desc + '</div>';

        var box = '<div class="ibox">' + marker.text + marker.address + marker.content + '</div>';

​

        var myOptions1 = {

            content: box,

            disableAutoPan: false,

            maxWidth: 0,

            zIndex: null,

            isHidden: false,

            pane: "floatPane",

            enableEventPropagation: true

        };

        var ib = new InfoBox(myOptions1);

        google.maps.event.addListener(marker, "click", function () {

            ib.open(map, marker);

            marker.setIcon(info.zicon);

        });

        google.maps.event.addListener(marker, "click", function () {

            var divsToHide = document.getElementsByClassName("ibox");

            for (var i = 0; i < divsToHide.length; i++) {

                divsToHide[i].style.display = "none";

            }

            ib.open(map, marker);

        });

        //       $scope.markers.push(marker);

        google.maps.event.addListener(map, "click", function () {

            ib.close(map, marker);

            marker.setIcon(info.icon);

        });

    }

    for (i = 0; i < drivers.length; i++) {

        createMarker(drivers[i]);

    }

    openInfoWindow = function (e, selectedMarker) {

        e.preventDefault();

        google.maps.event.trigger(selectedMarker, 'click');

    }

}

google.maps.event.addDomListener(window, 'load', initialize);