Affichage Carte impossible

**alexisleprogrammeur** · 23/03/2014, 21h32

J'aimerais comprendre pourquoi ma carte ne s'affiche pas du tout.

Code html :

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
<!DOCTYPE html>
<html>
	<head>
		<title>MapInit</title>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
 
		<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
 
		<script type="text/javascript" scr="http://maps.google.com/maps/api/js?sensor=false"></script>
 
		<script type="text/javascript">
 
                        function initialiser(){
                                var latlng = new google.maps.LatLng(18.64231,-72.55231);
                                var options = {
                                        zoom:10,
                                        center: latlng,
                                        mapTypeId: google.maps.MapTypeId.ROADMAP
                                };                              
 
                                var carte = new google.maps.Map(document.getElementById("carte"), options);
                        }
 
                </script>
		<style type="text/css">
                        #carte{
                                height:100%;
                                width:100%;
                        }
                </style>
 
	</head>
	<body onload="initialiser()">
		<div id="carte">
		</div>
	</body>
</html>

Merci déjà pour vos réponses.

**NoSmoking** · 24/03/2014, 21h11

Bonjour,
je vois au moins 2 raisons pour que ta carte ne s'affiche pas

Code html :

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

<script type="text/javascript" scr="http://maps.google.com/maps/api/js?sensor=false"></script>

l'attribut scr n’existe pas pour la balise script, ta librairie n'est pas chargée, il s'agit de src.

La deuxième est que ta carte n'aura aucune hauteur malgré le height:100%, 100% de rien fera toujours rien

Il te faut à minima ajouter dans le CSS

Code css :

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

1
2
3
html, body{
  height:100%;
}

Affichage Carte impossible

APIs Google

Discussions similaires

Partager

Partager