Untitled

<html>
    <head>
        <title>index</title>
        <link href="css/style.css" rel='stylesheet' type='text/css' />
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <!-- Elément Google Maps indiquant que la carte doit être affiché en plein écran et
                qu'elle ne peut pas être redimensionnée par l'utilisateur -->
        <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
        <!-- Inclusion de l'API Google MAPS -->
        <!-- Le paramètre "sensor" indique si cette application utilise détecteur pour déterminer la position de l'utilisateur -->
        <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
        <script type="text/javascript">
            function initialiser() {
                var latlng = new google.maps.LatLng(46.779231, 6.659431);
                // var latlng = new google.maps.LatLng(33.589455, -7.662878);
                var options = {
                    center: latlng,
                    zoom: 19,
                    mapTypeId: google.maps.MapTypeId.ROADMAP
                };

                var carte = new google.maps.Map(document.getElementById("carte"), options);

                /****************Nouveau code****************/

                //chemin du tracé du futur polyline
                var parcoursBus = [
                    new google.maps.LatLng(46.781367900048, 6.6401992834884),
                    new google.maps.LatLng(46.780821285011, 6.6416348016222),
                    new google.maps.LatLng(46.780496546047, 6.6421830461926),
                    new google.maps.LatLng(46.779835306991, 6.6426765713417),
                    new google.maps.LatLng(46.777748677169, 6.6518819126808),
                    new google.maps.LatLng(46.778027878803, 6.6541349682533),
                    new google.maps.LatLng(46.778484884759, 6.6557324922045),
                    new google.maps.LatLng(46.778752327087, 6.6573654211838),
                    new google.maps.LatLng(46.778605381016, 6.6588674582321)
                ];


                var traceParcoursBus = new google.maps.Polyline({
                    path: parcoursBus, //chemin du tracé
                    strokeColor: "#FF0000", //couleur du tracé
                    strokeOpacity: 1.0, //opacité du tracé
                    strokeWeight: 2//grosseur du tracé
                });

                //lier le tracé à la carte
                //ceci permet au tracé d'être affiché sur la carte
                traceParcoursBus.setMap(carte);


                //redéfinition du zoom
                carte.setZoom(18);

                //sommets du polygone
                var parcelleHeig = [
                    new google.maps.LatLng(46.779733557514, 6.660767535),
                    new google.maps.LatLng(46.780189079483, 6.6595337188532),
                    new google.maps.LatLng(46.779114923142, 6.6580590403695),
                    new google.maps.LatLng(46.778462483896, 6.6592118537714)
                ];

                polygoneParcelleHeig = new google.maps.Polygon({
                    paths: parcelleHeig, //sommets du polygone
                    strokeColor: "#0FF000", //couleur des bords du polygone
                    strokeOpacity: 0.8, //opacité des bords du polygone
                    strokeWeight: 2, //épaisseur des bords du polygone
                    fillColor: "#0FF000", //couleur de remplissage du polygone
                    fillOpacity: 0.35////opacité de remplissage du polygone
                });

                //lier le polygone à la carte
                //ceci permet au polygone d'être affiché sur la carte
                polygoneParcelleHeig.setMap(carte);

                function RedirectionJavascript() {
                    document.location.href = "http://www.google.com/?gws_rd=ssl#q=polygone";
                }

                google.maps.event.addListener(polygoneParcelleHeig, 'click', function () {
                    alert("Polygone marqué!!");
                    RedirectionJavascript();

                });

                /********************************************/
            }
        </script>
    </head>
    <body>
        <h1>
            <TABLE BORDER="1">
                <tr><a href="index.html">Acceuil</a>&nbsp;&nbsp;&nbsp;</tr>
                <tr><a href="electeur.html">Zone électeur</a>&nbsp;&nbsp;&nbsp;</tr>
                <tr><a href="membre.html">Zone membre</a>&nbsp;&nbsp;&nbsp;</tr>
                <tr><a href="infos.html">A propos</a>&nbsp;&nbsp;&nbsp;</tr>
                <tr><a href="FAQ.html">FAQ</a></tr>
            </TABLE>
        </h1>
        <body onload="initialiser()">
		<div id="carte" style="width:100%; height:75%"></div>
	</body>

        <!--start-copyright-->
        <div class="copy-right">
            <p>Copyright &copy; BaGhaZi2015 Tout les droits sont réservés </p>
        </div>
        <!--//end-copyright-->
    </body>
</html>