Etudes/BTS/Web/Premiere annee/tdGoogleMap2016/js/apigooglemap.js

/* 
Gestion page avec googlemap
 */



$(function () {
    /***************** options de placement et de zoom **************/
    var mapOptions = {
        center: new google.maps.LatLng(48.004852, 0.199811),
        zoom: 15
    };
    /*****************  creation et affichage de la map **************/
    var map = new google.maps.Map(document.getElementById("map-canvas"),mapOptions);
    
    /*****************  gestion du click sur le bouton dont l'id est afficherLycee **************/    
    $("#afficherLycee").click(function () {        
        
        // creation du localisateur
        var geocoder = new google.maps.Geocoder();
        var address = "Place George Washington, 72000 le mans";
        
        // recentrage de la map par rapport a l'adresse
        // et placement d'un marqueur ouvert avec comme legende la dite adresse
        geocoder.geocode({'address': address, 'region': "FR"}, function (results, status) {
            if (status == google.maps.GeocoderStatus.OK) {

                //formatage de la chaine latitude,longitude
                var latLong = results[0].geometry.location.lat().toFixed(6) + " , " +
                        +results[0].geometry.location.lng().toFixed(6);

                // centrage de la map sur l'adresse
                map.setCenter(results[0].geometry.location);

                // definition des parametres du marqueur
                // (on place le marqueur a l'adresse au niveau de la map)
                marker = new google.maps.Marker({
                    position: results[0].geometry.location,
                    map: map
                });
                
                // placement du marqueur
                marker.setPosition(results[0].geometry.location);

                // creation de l'inforbulle pour le marqueur
                var infowindow = new google.maps.InfoWindow({
                    content: "(1.10, 1.10)"
                });
                // initialisation de l'infobulle du marqueur
                // l'infobulle contiendra l'adresse
                infowindow.setContent("Ici, la connexion est très \"fluide\".");
                
                
                
                if (infowindow) {
                    infowindow.close();
                }

                // affichage de l'infobulle
                infowindow.open(map, marker);
            } 
            else // adresse introuvable
            {
                alert("pas trouve");
            }
        });
    });
    
    /*****************  gestion du click sur le bouton dont l'id est afficherMaison **************/    
    $("#afficherMaison").click(function () {        
        
        // creation du localisateur
        var geocoder = new google.maps.Geocoder();
        var address = "22 rue Jean de la Fontaine, 72000 le mans";
        
        // recentrage de la map par rapport a l'adresse
        // et placement d'un marqueur ouvert avec comme legende la dite adresse
        geocoder.geocode({'address': address, 'region': "FR"}, function (results, status) {
            if (status == google.maps.GeocoderStatus.OK) {

                //formatage de la chaine latitude,longitude
                var latLong = results[0].geometry.location.lat().toFixed(6) + " , " +
                        +results[0].geometry.location.lng().toFixed(6);

                // centrage de la map sur l'adresse
                map.setCenter(results[0].geometry.location);

                // definition des parametres du marqueur
                // (on place le marqueur a l'adresse au niveau de la map)
                marker = new google.maps.Marker({
                    position: results[0].geometry.location,
                    map: map
                });
                
                // placement du marqueur
                marker.setPosition(results[0].geometry.location);

                // creation de l'inforbulle pour le marqueur
                var infowindow = new google.maps.InfoWindow({
                    content: "(1.10, 1.10)"
                });
                // initialisation de l'infobulle du marqueur
                // l'infobulle contiendra l'adresse
                infowindow.setContent("Ici, la connexion c'est... Du 512Ko/s.");
                
                
                
                if (infowindow) {
                    infowindow.close();
                }

                // affichage de l'infobulle
                infowindow.open(map, marker);
            } 
            else // adresse introuvable
            {
                alert("pas trouve");
            }
        });
    });
    
    /*****************  gestion du click sur le bouton dont l'id est soumettreAdresse **************/    
    $("#soumettreAdresse").click(function () {        
        
        // creation du localisateur
        var geocoder = new google.maps.Geocoder();
        var address = $("#adresse").val();
        
        // recentrage de la map par rapport a l'adresse
        // et placement d'un marqueur ouvert avec comme legende la dite adresse
        geocoder.geocode({'address': address, 'region': "FR"}, function (results, status) {
            if (status == google.maps.GeocoderStatus.OK) {

                //formatage de la chaine latitude,longitude
                var latLong = results[0].geometry.location.lat().toFixed(6) + " , " +
                        +results[0].geometry.location.lng().toFixed(6);

                // centrage de la map sur l'adresse
                map.setCenter(results[0].geometry.location);

                // definition des parametres du marqueur
                // (on place le marqueur a l'adresse au niveau de la map)
                marker = new google.maps.Marker({
                    position: results[0].geometry.location,
                    map: map
                });
                
                // placement du marqueur
                marker.setPosition(results[0].geometry.location);

                // creation de l'inforbulle pour le marqueur
                var infowindow = new google.maps.InfoWindow({
                    content: "(1.10, 1.10)"
                });
                // initialisation de l'infobulle du marqueur
                // l'infobulle contiendra l'adresse
                infowindow.setContent($("#adresse").val());
                
                
                
                if (infowindow) {
                    infowindow.close();
                }

                // affichage de l'infobulle
                infowindow.open(map, marker);
            } 
            else // adresse introuvable
            {
                alert("Nous n'avons pas pu trouver " + $("#adresse").val());
            }
        });
    });
});