/ Scripts : Marqueurs Google Maps non affichés sur Internet Explorer 7 & 8

**exilquery** · 20/09/2011, 12h13

Bonjour,

- Ma map Google s'affiche bien sur presque tous les navigateurs (versions récentes de Chrome, Firefox, Opera, Safari, IE9). En revanche, sur les versions antérieures d'IE, la carte s'affiche sans son marqueur. Comment remédier à ce problème ?

- Dans IE Tester (j'en ai besoin parce que je n'ai pas IE7 mais seulement IE8 et IE9 à disposition), une pop-up surgit avec les mentions suivantes :

Une erreur est survenue dans le script de cette page
Ligne : 27
Caractère : 56
Erreur : erreur d'exécution inconnue
Code : 0
URL : http://maps.gstatic.com/intl/fr_ALL/...-3/6/5/main.js

Une seconde survient :

Une erreur est survenue dans le script de cette page
Ligne : 28
Caractère : 924
Erreur : erreur d'exécution inconnue
Code : 0
URL : http://maps.gstatic.com/intl/fr_ALL/...-3/6/5/main.js

A noter que sur mon IE8, je n'ai pas cette pop-up, juste "Erreur sur la page" en bas à gauche. Question subsidiaire : est-ce que ces pop-ups sont propres à IE Tester ou s'afficheront à chaque visite via les "vrais" navigateurs IE ?

Voici le code de ma page :

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
<script type="text/javascript">
function initialize() {
 
var myLatlng = new google.maps.LatLng(48.834555,2.232989);
 
var myMapOptions = {
  zoom: 13,
  center: myLatlng,
  mapTypeId: google.maps.MapTypeId.ROADMAP
  };
 
  // Carte          
var myMap = new google.maps.Map(
  document.getElementById('EmplacementDeMaCarte'),
  myMapOptions
  );
 
  // Marqueur
var myMarker = new google.maps.Marker({
  // Coordonnées
  position: myLatlng,
  map: myMap,
  title: "titre"
});        
      }
 
$(document).ready(function(){
 if($('h2:contains("Contact")').length > 0 ) {
     initialize();
  }
 
 }); 
</script>

Merci de m'aider s'il vous plait...

**NoSmoking** · 20/09/2011, 21h47

Bonsoir,
je ne vois pas d'erreur dans ton code, à priori attendu que l'on a pas la totalité...

Pourquoi, comme tu utilises jQuery, ne pas utiliser la bibliothèque gmap3, ce qui donnerait

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
$(document).ready(function(){
  if( $('h2:contains("Contact")').length > 0 ){
    $('#div_map').gmap3(
      { action:'init',
         options:{
           center:[48.834555,2.232989],
           zoom: 13
         }
      },
      { action: 'addMarker',
         latLng:[48.834555,2.232989]
      }
    );
  }
});

**exilquery** · 21/09/2011, 10h25

Ok merci, je vais essayer de voir avec ce plug in.

Sinon, pour ce qui est du code, je me demande si il n'y a pas une donnée ou syntaxe que IE n'arrive pas à comprendre dans ma partie "Marqueur". Peut-être au niveau de la position, je ne sais pas.

**NoSmoking** · 21/09/2011, 23h18

je n'ai pas vu de soucis dans ton code ni sur IE7 d'ailleurs, as tu essayé de faire un appel basic.

Dans IE Tester (j'en ai besoin parce que je n'ai pas IE7 mais seulement IE8 et IE9 à disposition)

pas sûr que cela soit vraiment représentatif !

l'exemple basic

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
38
39
40
41
42
43
44
45
46
47
48
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no">
<title>[...]</title>
<style type="text/css">
html, body {
  height : 100%;
}
#map_canvas{
  margin : auto;
  width : 600px;
  height: 600px;
}
 
</style>
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
<script type="text/javascript">
function initialize() {
  var myLatlng = new google.maps.LatLng(48.834555,2.232989);
 
  var myMapOptions = {
    zoom: 13,
    center: myLatlng,
    mapTypeId: google.maps.MapTypeId.ROADMAP
    };
 
  // Carte
  var myMap = new google.maps.Map(
    document.getElementById('map_canvas'),
    myMapOptions
    );
 
  // Marqueur
  var myMarker = new google.maps.Marker({
    // Coordonnées
    position: myLatlng,
    map: myMap,
    title: "titre"
  });
}
google.maps.event.addDomListener(window, 'load', initialize);
</script>
</head>
<body>
  <div id="map_canvas"></div>
</body>
</html>

/ Scripts : Marqueurs Google Maps non affichés sur Internet Explorer 7 & 8

APIs Google

Discussions similaires

Partager

Partager