Vous avez trouvé ce tutoriel intéressant ? Recommandez le en cliquant sur le bouton +1    

Ajouter la couche trafic routier sur une carte Google Maps

Tutoriel publié le Mis à jour le
Tutoriel en Français

Cette fonction vous permet d'ajouter la couche trafic routier sur une carte Google Maps

Attention : ce service n'est pas disponible pour la France à l'heure actuelle.

addTrafficLayer

$('#maCarte').gmap3(
	{
		action: 'init', 
		mapTypeId : google.maps.MapTypeId.ROADMAP, 
		center:[34.04924594193164,-118.24104309082031], 
		zoom: 13 
	},
	{
		action: 'addTrafficLayer'
	}
);

Carte avec addTrafficLayer

Code complet avec addTrafficLayer

<!DOCTYPE html>
<html lang="fr">
	<head>
		<meta name="viewport" content="initial-scale=1.0, user-scalable=no"/>
		<meta charset="UTF-8"/>
		<title>Votre titre de page</title>
		<style type="text/css">
			html { height: 100% }
			body { height: 100%; margin: 0px; padding: 0px }
			#maCarte{
				height: 350px;
				width: 100%;
			}
		</style>
		<script type="text/javascript" src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
		<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false"></script>
		<script type="text/javascript" src="http://www.votredomaine.fr/js/gmap3.js"></script>
		<script type="text/javascript"> 
			$(function(){
				$('#maCarte').gmap3(
					{
						action: 'init', 
						mapTypeId : google.maps.MapTypeId.ROADMAP, 
						center:[34.04924594193164,-118.24104309082031], 
						zoom: 13 
					},
					{
						action: 'addTrafficLayer'
					}
				);
			});
		</script>
	</head>
	
	<body>
		<div id="maCarte"></div>
	</body>
</html>

 

Source

addTrafficLayer

Résumé

GMap3 Plugin JQuery : addTrafficLayer

addTrafficLayer