Untitled

<body onload="initialize()">


      <script type="text/javascript">

     var markers = JSON.parse('<%=Branches() %>');

      var mapOptions = {


                center: new google.maps.LatLng(markers[0].lat, markers[0].lng),
                zoom: 7,
                mapTypeId: google.maps.MapTypeId.ROADMAP
            };

       var infoWindow = new google.maps.InfoWindow();

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


          for (i = 0; i < markers.length; i++) {
                var data = markers[i]


                var image = '/Images/branches.png';
                var myLatlng = new google.maps.LatLng(data.lat, data.lng);
                var marker = new google.maps.Marker({
                    position: myLatlng,
                    map: map,
                    title: data.title + "  : " + data.city,

                    icon: image,

                }


                    );


                (function (marker, data)

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

                        infoWindow.setContent(data.description);
                        infoWindow.open(map, marker);
                        window.location = "Braches.aspx?DI=" + data.BranchID;
                        icon: InitIcon
                    });
                })(marker, data);


            }

 </script>