Générer le code d'une carte Google Maps avec Annonce Adsense

Cette page vous permet de générer automatiquement le code nécessaire à l'insertion d'une publicité Google Adsense dans une carte Google Maps via l'API Google Maps V3 et la bibliothèque Adsense. Ci-dessous, modifiez le format de la publicité, saisissez votre référence éditeur puis sélectionner l'emplacement de l'annonce Adsense sur la carte. Enfin copiez le code situé sous la carte. Les caractères en rouge correspondent à vos critères de sélection.

Format :

Votre référence éditeur :

Position :

Code généré pour afficher une carte Google Maps avec publicité Adsense

Le code ci-dessous a été généré automatiquement en fonction des paramètres que vous avez indiqués.

<!DOCTYPE html> 
	<html lang="fr"> 
	<head> 
		<title>Google Adsense et Google Maps</title> 
		<style type="text/css">
			html {
				height: 100%
			}
			body {
				height: 100%;
				margin: 0;
				padding: 0
			}
			#EmplacementDeMaCarte {
				height: 100%
			}
		</style>
		<meta name="viewport" content="initial-scale=1.0, user-scalable=no"> 
		<meta charset="UTF-8"> 
		<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false&libraries=adsense"></script> 
		<script>
			function initialisation() {
				var optionsCarte = {
					center: new google.maps.LatLng(47.394144,0.684843),
					zoom: 12,
					mapTypeId: google.maps.MapTypeId.ROADMAP
				};
				var maCarte = new google.maps.Map(document.getElementById("EmplacementDeMaCarte"),	optionsCarte);
				
				var pubAdsenseDiv = document.createElement("div");
				var pubAdsenseOptions = {
					format: google.maps.adsense.AdFormat.HALF_BANNER,
					position: google.maps.ControlPosition.TOP,
					publisherId: 'pub-6444523573115879',
					backgroundColor: '#000000', // Couleur de l'arrière-plan de la publicité
					borderColor: '#000000', // Couleur de la bordure de la publicité
					titleColor: '#FFCC66', // Couleur du titre de la publicité
					textColor: '#FFFFCC', // Couleur du texte de la publicité
					urlColor: '#CAF99B', // Couleur de l'URL du lien publicitaire
					visible: true,
					map: maCarte
				};
				var pubAdsense = new google.maps.adsense.AdUnit(pubAdsenseDiv, pubAdsenseOptions);
			}
			google.maps.event.addDomListener(window, "load", initialisation);
		</script> 
	</head> 
	<body> 
		<div id="EmplacementDeMaCarte"></div> 
	</body> 
</html>

Code pour afficher pub Adsense dans une carte Google Maps API V3

Bibliothèque Adsense ( Adsense Library ) exemples et tutoriels en Français

Cartographie et webmapping

Générer le code d'une carte Google Maps avec Annonce Adsense

Code généré pour afficher une carte Google Maps avec publicité Adsense