Partage
  • Partager sur Facebook
  • Partager sur Twitter

Problème Carte google maps sur mes pages

    26 août 2016 à 17:04:36

    Bonjour les amis,

    Je n'arrive pas à afficher toutes mes maps sur l'ensemble de mes pages. En effet j'ai chargé le script en entête et ça ne marche que sur la première page, les autres pages sont vides. Quelqu'un peut il avoir une idée?

    Mon script est le suivant

    <script type="text/javascript">
                function initialize(){
                    var latlng = new google.maps.LatLng(4.0482700, 9.7042800);
                    var mapOptions = {
                        zoom: 9,
                        scrollwheel: false,
                        center: latlng,
                        mapTypeId: google.maps.MapTypeId.ROADMAP
                    };
    
                // AFFICHAGE DES MOBILES EN DEPLACEMENT
                    var map = new google.maps.Map(document.getElementById("deplacement"), mapOptions);
    
                    var image = {
                        // Adresse de l'icône personnalisée
                        url: 'img/iconesvoitures/10426alt.png',
                        // Taille de l'icône personnalisée
                        size: new google.maps.Size(40, 40),
                        // Origine de l'image, souvent (0, 0)
                        origin: new google.maps.Point(0,0),
                        // L'ancre de l'image. Correspond au point de l'image que l'on raccroche à la carte. Par exemple, si votre îcone est un drapeau, cela correspond à son mâts
                        anchor: new google.maps.Point(0, 20)
                    };
    
                    var marker = new google.maps.Marker({
                        position: latlng,
                        icon: image,
                        title:"Je suis en déplacement!"
                    });
    
                    marker.setMap(map);
    
    
                // AFFICHAGE DES MOBILES EN ARRET
                    var map2 = new google.maps.Map(document.getElementById("arrets"), mapOptions);
    
                    var image2 = {
                        // Adresse de l'icône personnalisée
                        url: 'img/iconesvoitures/10426.png',
                        // Taille de l'icône personnalisée
                        size: new google.maps.Size(40, 40),
                        // Origine de l'image, souvent (0, 0)
                        origin: new google.maps.Point(0,0),
                        // L'ancre de l'image. Correspond au point de l'image que l'on raccroche à la carte. Par exemple, si votre îcone est un drapeau, cela correspond à son mâts
                        anchor: new google.maps.Point(0, 20)
                    };
    
                    var marker2 = new google.maps.Marker({
                        position: latlng,
                        icon: image,
                        title:"Je suis en arrêt!"
                    });
    
                    marker2.setMap(map2);
    
    
                // AFFICHAGE DE LA METEO
                    var map3 = new google.maps.Map(document.getElementById("meteo"), mapOptions);
    
                    var weatherLayer = new google.maps.weather.WeatherLayer({
                        temperatureUnits: google.maps.weather.TemperatureUnit.CELCIUS
                    });
    
                    weatherLayer.setMap(map3);
                    
                    var cloudLayer =  new google.maps.weather.CloudLayer();
                    cloudLayer.setMap(map3);
    
                // LIVE TRACKING
                    var map4 = new google.maps.Map(document.getElementById("livetracking"), mapOptions);
    
                // HISTORIQUE DES ARRETS
                    var map5 = new google.maps.Map(document.getElementById("histoarret"), mapOptions);
    
                // HISTORIQUES DES TRAJETS
                    var map6 = new google.maps.Map(document.getElementById("histotrajet"), mapOptions);
    
                // NAVIGATION
                    var map7 = new google.maps.Map(document.getElementById("navigation"), mapOptions);
    
                // POINTS D'INTERET
                    var map8 = new google.maps.Map(document.getElementById("pointdinteret"), mapOptions);
    
                }
    
            </script>
    
           
                           
        </head>
        <body onload="initialize()">



    • Partager sur Facebook
    • Partager sur Twitter
    La meilleure façon d'apprendre est de partager!!!!!

    Problème Carte google maps sur mes pages

    × Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
    × Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
    • Editeur
    • Markdown