Bonjour,
Voici mon problème, je souhaiterais récupérer les coordonnées de longitude et de latitude de l'utilisateur.
Puis créer l'itinéraire google map ayant pour origine ces coordonnées et pour destination celle que j'aurai paramétrer
Lorsque je test, j'ai une page blanche et rien ne s'affiche... Le navigateur ne me demande même pas d'autorisation de géolocalisation.
Voici le code et merci d'avance.
Code Javascript :
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false&language=fr"></script>
<script type="text/javascript">
var directionDisplay;
var directionsService = new google.maps.DirectionsService();
var maCarte;
function initEvent(){
if(navigator.geolocation){
navigator.geolocation.getCurrentPosition(successCallback, gestion_erreur, {timeout:20000});
}
function successCallback(position){
var latitude=position.coords.latitude;
var longitude=position.coords.longitude;
}
directionsDisplay = new google.maps.DirectionsRenderer();
var pizza_gigi = new google.maps.LatLng(43.574445, 7.099299);
var maposition= new google.maps.LatLng(latitude, longitude);
var optionsCarte = {
zoom: 13,
mapTypeId: google.maps.MapTypeId.ROADMAP,
center: pizza_gigi
}
maCarte = new google.maps.Map(document.getElementById("EmplacementDeMaCarte"), optionsCarte);
directionsDisplay.setMap(maCarte);
/*directionsDisplay.setPanel(document.getElementById("EmplacementItineraireTexte"));*/
var requeteItineraire = {
origin: maposition,
destination: pizza_gigi,
region: "fr",
travelMode: google.maps.DirectionsTravelMode.DRIVING
};
directionsService.route(requeteItineraire, function(response, status) {
if (status == google.maps.DirectionsStatus.OK) {
directionsDisplay.setDirections(response);
}
});
}
google.maps.event.addDomListener(window, 'load', initialisation);
if (window.addEventListener){
window.addEventListener('load',initEvent,false);
} else if (window.attachEvent) {
window.attachEvent('onload',initEvent);
}
</script>