html creer lien vers carte google map
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:
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> |
