html creer lien vers carte google map

**donvex** · 05/10/2012, 17h56

bonjours à tous je voudrais créer un lien html qui me dirige vers un endroit précis de google map
sa fait un moment que je galère

. une aide sera la bien venu merci.

j'ai suivis le tutoriel et je voudrais que la carte s'affiche après le click sur le lien.

voici le code:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
 
	<head>
		<title>Tutoriel Google Maps</title>
		<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
		<!-- Elément Google Maps indiquant que la carte doit être affiché en plein écran et
		qu'elle ne peut pas être redimensionnée par l'utilisateur -->
 
		<script src="designe/jquery-1.3.2.js" type="text/javascript"></script>
		<script src="designe/js.js" type="text/javascript"></script>
		<title>tourisme culture Cameroun</title>
 
		<link rel="stylesheet" type="text/css" href="designe/css.css" />
 
		<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
		<!-- Inclusion de l'API Google MAPS -->
		<!-- Le paramètre "sensor" indique si cette application utilise détecteur pour déterminer la position de l'utilisateur -->
		<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
		<script type="text/javascript">
			function initialiser() {
				var latlng = new google.maps.LatLng(18.4982294, -72.4734163);
				//objet contenant des propriétés avec des identificateurs prédéfinis dans Google Maps permettant
				//de définir des options d'affichage de notre carte
				var options = {
					center: latlng,
					zoom: 19,
					mapTypeId: google.maps.MapTypeId.ROADMAP
				};
 
				//constructeur de la carte qui prend en paramêtre le conteneur HTML
				//dans lequel la carte doit s'afficher et les options
				var carte = new google.maps.Map(document.getElementById("carte"), options);
			}
			function initialiser1() {
				var latlng = new google.maps.LatLng(8.4982294, -7.4734163);
				//objet contenant des propriétés avec des identificateurs prédéfinis dans Google Maps permettant
				//de définir des options d'affichage de notre carte
				var options = {
					center: latlng,
					zoom: 19,
					mapTypeId: google.maps.MapTypeId.ROADMAP
				};
 
				//constructeur de la carte qui prend en paramêtre le conteneur HTML
				//dans lequel la carte doit s'afficher et les options
				var carte = new google.maps.Map(document.getElementById("carte"), options);
			}
			$(document).ready(function(){
 
				$("a#1").click(function(){
 
					initialiser();
				});
				return false;
			});
			$(document).ready(function(){
 
				$("a#2").click(function(){
 
					initialiser1();
				});
				return false;
			});
		</script>
	</head>
 
	<body  >
	<a href="index.php?do=ouest" id="1" >ouest</a><a href="index.php?do=centre" id="2" >centre</a><br>
 
		<div id="carte" style="width:60%; height:60%"></div>
	</body>
</html>

**NoSmoking** · 06/10/2012, 06h45

Bonjour,
inutile de recréer un MAP à chaque clic sur un lien, un changement de centre via la methode setCenter() est suffisant.

De plus si tu ne fais pas un event.preventDefault(); sur l'action du lien il va y avoir redirection vers le HREF du lien, pas bien ça

html creer lien vers carte google map

APIs Google

Vue hybride

Discussions similaires

Partager

Partager