[Résolu] Monitor : page traffic

[jmv75013]

Bonjour,

J'ai un souci avec la page traffic, la carte ne s'affiche pas mais j'ai le message d'erreur suivant :

Petit problème... Une erreur s'est produite
Google maps ne s'est pas chargé correctement sur cette page. Pour plus d'informations techniques sur cette erreur, veuillez consulter la console javascript

Est-ce que quelqu'un a une idée ?

PS : je ne sais pas comment afficher la console sur android

Merci

[Chrominator]

Ne pense pas qu'un simple message bateau comme celui-ci permette de déterminer la cause de cette erreur.
Poste au moins ton trafic.html, et là on pourra essayer de t'aider.

On verra peut-être par exemple que tes paramètres lat/lon sont incorrects, avec une virgule en guise de marque décimale ou autre.

Mais sans cela, pas d'aide à espérer.

[jmv75013]

Bonjour,

Merci pour ta réponse. Voici le code de ma page traffic.html

Code : Tout sélectionner

<!-- load page stylesheet -->
<script>
$('head').append('<link rel="stylesheet" href="css/trafic.css">');
</script>

<script src="https://maps.googleapis.com/maps/api/js?callback=initMap" async defer></script>

<script>
	function initMap() {
		var map = new google.maps.Map(document.getElementById('map'), {
			disableDefaultUI: true,
			zoom: 14,
			center: {lat: 49.3311349, lng: 2.3514398}
		});
		var trafficLayer = new google.maps.TrafficLayer();
		trafficLayer.setMap(map);  
		setInterval(initMap, 600000);
	}
	$('#reload').click(function(){
		initMap();
	});
</script>

<div class="cnt v-wrap"> <!-- Page -->
	<div class="v-box"> <!-- contenu -->
		<!--
		le contenu de votre page ne doit pas dépasser les dimensions suivantes
		largeur: 962px
		hauteur: 541px
		-->
		<div>
			<div id='reload' class="frame">
				<div id='map' class="avoid-clicks">
				</div>
			</div>
		</div>		
	</div> <!-- fin contenu -->
</div> <!-- fin page -->

[Chrominator]

Le code de ta page est correct, la carte s'affiche chez moi.

Je ne sais pas d'où vient ton erreur.
Vide le cache de ton navigateur, ça ne fait pas de mal.

Une remarque : tu écris traffic.html avec 2 "f", dans le code de vil1driver c'est en français avec un seul "f".
C'est homogène dans tes pages ? Toujours soit un "f" soit toujours 2 ?

[jmv75013]

Bonjour,

Merci pour tes remarques, j'ai déjà vidé le cache plusieurs fois mais rien n'y fait... Quand à l’orthographe c'est homogène avec un seul f, c'est une erreur dans le titre du sujet.
Cordialement

[jmv75013]

Bonjour,

J'ai trouvé une solution au problème, l'erreur javascript indiquait "NoAPIkeys"

J'ai donc remplacé la ligne

Code : Tout sélectionner

<script src="https://maps.googleapis.com/maps/api/js?callback=initMap" async defer></script>

par

Code : Tout sélectionner

<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSy................9j4hRVy_1Q&callback=initMap" async defer></script>

AIzaSy................9j4hRVy_1Q étant ma clé API obtenue auprès de google.

[Chrominator]

Tant mieux si ton pb est résolu.

Cependant ta page avait bien fonctionné chez moi sans modification.
Je ne me l'explique pas.

[Moulins58]

Bonjour,
J'ai un peu le même problème;
la carte s'affiche en grisé et avec un message "Impossible de charger Google Maps correctement sur cette page Ce site Web vous appartient? OK"

J'ai modifié la ligne comme décrit par JMV75013 mais ca ne change rien.
D’où vient cette erreur?
Bonne après-midi.