problème API Google Maps sous IE 8

problème API Google Maps sous IE 8 - HTML/CSS - Programmation

Marsh Posté le 22-03-2010 à 22:46:50    

Bonjour,
j'ai un problème avec l'API google maps, la carte ne s'affiche pas sous IE8. Pourtant elle marche sous ff, opera et chrome, de plus elle est aux normes W3C (même si je sais que ça ne veut rien dire^^)
 
voici le lien: http://home.student.uu.se/reja2419/search.php
 
et le code de l'api:

Code :
  1. <script type="text/javascript">
  2.    //<![CDATA[
  3.      <!--
  5.        function load() {
  6.       if (GBrowserIsCompatible()) {
  7.         var map = new GMap2(document.getElementById("map" ));
  8.         map.addControl(new GSmallMapControl());
  9.         map.addControl(new GMapTypeControl());
  11.  var lat = "<?php echo $latitude; ?>";
  12.  var lon = "<?php echo $longitude; ?>";
  14.  var adresse =  "<?php echo $city; echo $address;?>" ;  // get the provided address from the search field
  15.  var geocoder = new google.maps.ClientGeocoder();   // use Google Geocoder to transform address into coordinates
  16.  geocoder.getLatLng(adresse, function (coord) {   // create the point
  17.         // Center the map on coordinates provided by Google after button SHOW:
  18.   if(lat&&lon)
  19.   map.setCenter(new GLatLng(lat, lon), 14);
  21.  // after a SEARCH:
  22.  else if (coord)
  23.          map.setCenter((coord), 12);
  25.  // Or default position if no address is entered:
  26.  else map.setCenter(new GLatLng(62.3908358, 17.3069157), 4);
  27.     });
  32. arrayLat = new Array(); // initializing the javascript array for latitude
  33. arrayLon = new Array(); // initializing the javascript array for longitude
  34. arraycompany = new Array();
  35. arrayid = new Array();
  36. arrayaddress = new Array();
  37. arraycity = new Array();
  38. arraytime = new Array();
  39. arrayunit = new Array();
  40. arrayprice = new Array();
  41. <?php
  42. foreach( $arrayLat as $valueLat ){ // for each line of the array where there is a value
  43. print "arrayLat.push(\"$valueLat\" );"; // This line updates the script array with new entry
  44. }
  45. foreach( $arrayLon as $valueLon ){
  46. print "arrayLon.push(\"$valueLon\" );";
  47. }
  48. foreach( $arrayid as $valueid ){
  49. print "arrayid.push(\"$valueid\" );";
  50. }
  51. foreach( $arraycompany as $valuecompany ){
  52. print "arraycompany.push(\"$valuecompany\" );";
  53. }
  54. foreach( $arrayaddress as $valueaddress ){
  55. print "arrayaddress.push(\"$valueaddress\" );";
  56. }
  57. foreach( $arraycity as $valuecity ){
  58. print "arraycity.push(\"$valuecity\" );";
  59. }
  60. foreach( $arraytime as $valuetime ){
  61. print "arraytime.push(\"$valuetime\" );";
  62. }if ($result) {
  63. foreach( $arrayunit as $valueunit ){
  64. print "arrayunit.push(\"$valueunit\" );";
  65. }
  66. foreach( $arrayprice as $valueprice ){
  67. print "arrayprice.push(\"$valueprice\" );";
  68. } }
  69. ?>
  70. ;
  72. function createMarker(point, myIcon, arrayid, arraycompany, arrayaddress, arraycity, arraytime, arrayunit, arrayprice) {   // function which create the marker
  74.       var marker = new GMarker(point, {icon : myIcon});
  75.    var html = ("Id: " ).bold() + arrayid[i+1] + ("<br>Company: " ).bold() + arraycompany[i+1] + ("<br>Address: " ).bold() + arrayaddress[i+1] + "<br>" + arraycity[i+1] + "<br><img src='./ressources/kronor.png' alt='kronor' title='kronor'> " + arrayprice[i+1] + " kr <br><img src='./ressources/clock.png' width='16px' height='16px' alt='last update' title='last update'> " + arraytime[i+1] + " " + arrayunit[i+1] ;
  76.       GEvent.addListener(marker, 'click', function() {
  77.             
  78.   marker.openInfoWindowHtml(html);
  79.       });
  80.       return marker;
  81.       }
  82.  
  83.   var myIcon = new GIcon(G_DEFAULT_ICON, "./ressources/marker.png" );
  84.    myIcon.iconSize = new GSize(32,32);
  85.     // Redimensionnement de l'icône (32*32)
  86.    myIcon.shadow = '';
  87.      // Ici, le marker n'aura pas d'ombre
  88.    myIcon.iconAnchor = new GPoint(32,32);
  89.       // Le point d'accroche de l'icône représentant le marker
  90.    // sera décalé de 26px vers la gauche et de 1px vers le haut
  92.    for (i=0; i<<?php echo $count; ?>; i++){     // for each entry of the database
  93.   
  94.     var point = new GLatLng(arrayLat[i] , arrayLon[i]); // create a point with database coordinates
  95.           var marker = createMarker(point, myIcon, arrayid, arraycompany, arrayaddress, arraycity, arraytime, arrayunit, arrayprice);      // call the function to create the marker
  96.                     // to place the marker
  97.    
  100. /* Afficher le marqueur et l'info-bulle */
  101. map.addOverlay(marker);
  104.     } // end of the loop FOR  
  105.  }; // end of   if GBrowserIsCompatible
  106. } // end of function load
  108.   -->
  109.   //]]>
  110.     </script>


 
auriez vous déjà rencontré ce problème ou une petite idée pour le problème?
 
merci!


---------------
Mon site : http://www.tucpakwafer.com
Reply

Marsh Posté le 22-03-2010 à 22:46:50   

Reply

Marsh Posté le 01-05-2010 à 20:32:52    

Bonjour,
 
IE indique une erreur dans ton script a la ligne 94
 
Supprime tes <!-- et   --> que tu as mis dans ton JS et tout marchera bien
 
En passant.... t'iras pas bien loin avec ca :
 
for (i=0; i<0; i++){     // for each entry of the database
 
amuse toi bien ;)
 
jb.


Message édité par firejocker le 01-05-2010 à 20:35:44
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed