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>");
} |