Affichage de la map Google Api après un événement de clic bouton

Bonjour j'ai un problème avec l’affichage de la map

Quand j’exécute le code javascript qui permet l’affichage de la map ça marche mais quand je veut l’exécuter dans l’événement clic d'un bouton ça marche pas

Le code javascript :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
 function AfficherMap() {
//     alert("ssss");
        var mapOptions = {
            center: new google.maps.LatLng(markers[0].lat, markers[0].lng),
            zoom: 10,
            mapTypeId: google.maps.MapTypeId.ROADMAP
        };
        var map = new google.maps.Map(document.getElementById("map-canvas"), mapOptions);
        var infoWindow = new google.maps.InfoWindow();
        var lat_lng = new Array();
        var latlngbounds = new google.maps.LatLngBounds();
        for (i = 0; i < markers.length; i++) {
            var data = markers[i]
            var myLatlng = new google.maps.LatLng(data.lat, data.lng);
            lat_lng.push(myLatlng);
 
            var marker = new google.maps.Marker({
                position: myLatlng,
                map: map,
                title: data.title
            });
            latlngbounds.extend(marker.position);
            (function (marker, data) {
                google.maps.event.addListener(marker, "click", function (e) {
                    infoWindow.setContent(data.description);
                    infoWindow.open(map, marker);
                });
            })(marker, data);
        }
        map.setCenter(latlngbounds.getCenter());
        map.fitBounds(latlngbounds);
        /////////////////////////////////////////77777
 
        var service = new google.maps.DirectionsService();
        var directionsDisplay = new google.maps.DirectionsRenderer();    
        directionsDisplay.setMap(map);
 
var waypts = [];
for(j=1;j<lat_lng.length-1;j++){            
      waypts.push({location: lat_lng[j],
                   stopover: true});
}
 
var request = {
    origin: lat_lng[0],
    destination: lat_lng[lat_lng.length-1],
    waypoints: waypts,
    travelMode: google.maps.DirectionsTravelMode.DRIVING
  };
        service.route(request,function(result, status) {                
            if(status == google.maps.DirectionsStatus.OK) {                 
                  directionsDisplay.setDirections(result);
            } else { alert("Directions request failed:" +status); }
        });
    }

fonction Button_Click :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
  protected void Button3_Click(object sender, EventArgs e)
        {
 
            string s = "2014-11-05";
            LocalisationVenteDao.ds.Reset();
            LocalisationVenteDao.Instance.LocalisationVenteToDB(Sql.Instance.GetSqlConnection(),s);
            rptMarkers.DataSource = LocalisationVenteDao.ds.Tables[0];
            GridView1.DataSource = LocalisationVenteDao.ds.Tables[0];
            rptMarkers.DataBind();
            GridView1.DataBind();
            ClientScript.RegisterStartupScript(this.GetType(), "blablaosef", "<script type='text/javascript'>AfficherMap();</script>");
 
 
        }