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()">
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.