Impression d'une googlemap
Bonjour,
J'ai un site, et je n'arrive pas a imprimer une google map, j'ai spécifié la taille de la div qui allait recevoir la Google map (Width et Height), mais ca ne change rien.
Sur cette map j'ai un marqueur. Sous firefox, rien ne s'imprime (juste le logo googlemap et la petite phrase de condition d'utilisation), sous Chrome et IE, la carte s'imprime sauf le marqueur, remplacer par un carré blanc, alors que j'utilise l'icon des marqueurs par défaut.
Mon code est tout bête :
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
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr-fr" lang="fr-fr" dir="ltr">
<head>
<link href="http://code.google.com/apis/maps/documentation/javascript/examples/default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
<script type="text/javascript" src="http://code.google.com/apis/gears/gears_init.js"></script>
<script type="text/javascript">
function initialize() {
var controleMiniCarte;
var myLatlng = new google.maps.LatLng(45,1);
var myOptions = {
zoom: 15,
center: myLatlng,
mapTypeId: google.maps.MapTypeId.ROADMAP,
mapTypeControl: false,
navigationControl: false
}
var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
var marker = new google.maps.Marker({
position: myLatlng,
map: map,
title:"toto"
});
}
</script>
<div id="map_canvas" style="width:600px; height:450px;"></div>
<script type="text/javascript">
initialize();
</script>
</body>
</html> |
Quelqu'un aurait une idée ? car la je bloque, et ca m'agace :)
