Event OnClick sur une zone dessinée Google Map (API 3)

Signaler
Messages postés
50
Date d'inscription
lundi 4 février 2013
Statut
Membre
Dernière intervention
12 mars 2015
-
Bonjour,

Avant tout, si un sujet traite déjà mon problème, je ne l'ai pas vu en cherchant avant de poster et j'en suis navré.

Je viens solliciter votre aide pour éclairer ma lanterne.

Je dois trouver un moyen de dessiner des zones sur une carte Google. C'est plutôt simple. En revanche, je cherche à placer un event OnClick sur ces fameuses zones pour pouvoir déclencher quelque chose à ce moment.

Il me faudrait récupérer leur nom pour pouvoir placer l'event dessus, mais je ne vois pas trop le chemin à prendre.

Pour l'instant j'ai testé via ce moyen - ci :
https://www.google.com/maps/d/edit?mid=zibdmQTNI4Jk.kOHQDV0wDg04

Hors, c'est un format kmz, du kml compressé à ce qu'il me semble. Possible de le convertir pour utiliser le code dans une page html, php, javascript etc... ?

L'autre test que j'ai fait est celui - ci :
<!DOCTYPE html>
<html lang="fr">
	<head>
		<meta name="viewport" content="initial-scale=1.0, user-scalable=no"/>
		<meta charset="UTF-8" />
		<title>Test map LNS</title>
		<style type="text/css">
			html {
				height: 100%
			}
			body {
				height: 100%;
				margin: 0;
				padding: 0
			}
			#EmplacementDeMaCarte {
				height: 100%
			}
		</style>
		<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?libraries=drawing&key=AIzaSyBJjYL6Quh8ADGWX7V2cAl4ogy5HWiVQI8&sensor=false"></script>
		<script type="text/javascript">
			function initialisation(){
				var centreCarte = new google.maps.LatLng(47.389982, 0.688877);
				var optionsCarte = {
					zoom: 8,
					center: centreCarte,
					mapTypeId: google.maps.MapTypeId.ROADMAP
				}
				var maCarte = new google.maps.Map(document.getElementById("EmplacementDeMaCarte"), optionsCarte);
				var optionsBarreOutilsDessin = {
					map:maCarte
				};
				var barreOutilsDessin = new google.maps.drawing.DrawingManager( optionsBarreOutilsDessin );
			 }
			 google.maps.event.addDomListener(window, 'load', initialisation);
		</script>
	</head>
	
	<body>
		<div id="EmplacementDeMaCarte"></div>
		<noscript>
			<p>Attention : </p>
			<p>Afin de pouvoir utiliser Google Maps, JavaScript doit être activé.</p>
			<p>Or, il semble que JavaScript est désactivé ou qu\'il ne soit pas supporté par votre navigateur.</p>
			<p>Pour afficher Google Maps, activez JavaScript en modifiant les options de votre navigateur, puis essayez à nouveau.</p>
		</noscript>
	</body>
</html>


Auriez vous des idées ?

D'avance merci beaucoup :-)