API GoogleMap ok sous FF mais pas sous IE

API GoogleMap ok sous FF mais pas sous IE - Divers - Programmation

Marsh Posté le 07-07-2008 à 11:14:49    

Bonjour,
 
j'ai une API GoogleMap sur une page de mon site, qui affiche le nombre de maisons et d'appartements trouvés selon les choix de l'utilisateur.
 
Tout marche nikel sous FF. Par contre, sous IE, pas d'affichage de Marker, par de possibilité de zoom, rien quoi!
ça me signale meme pas d'erreurs Javascript.
 
Je colle mon code :

Code :
  1. <script type="text/javascript" src="http://www.google.com/jsapi?key=">
  2. </script>
  3. <script type="text/javascript">
  4.   google.load("maps", "2" );
  5.   function initialize()
  6.   {
  7.    var map = new google.maps.Map2(document.getElementById("map" ));
  8.    map.setCenter(new google.maps.LatLng(46.850095, 2.509003), 5);
  9.   }
  10.   google.setOnLoadCallback(initialize);
  11. </script>
  12. //<![CDATA[
  13.      function load() {
  14.       if (GBrowserIsCompatible()) {
  15.           function createMarker(point, number) {
  16.                   var marker = new GMarker(point,icon);
  17.                   GEvent.addListener(marker, "click", function() {
  18.                   marker.openInfoWindowTabsHtml(infoTabs);           
  19.                   });
  20.                    return marker;
  21.             }
  22.             var infoTabs = [
  23.              new GInfoWindowTab("Description", "maison de 200m² en bord de plage" ),
  24.               new GInfoWindowTab("Photo", "  " )
  25.             ];             
  26.          
  27.    //création d'une carte nommé "map"
  28.             var map = new GMap2(document.getElementById("map" ));
  29.                         GEvent.addListener(map, "moveend", function() {
  30.      
  31.             var center = map.getCenter();
  32.                 });
  33.      
  34.             map.addControl(new GSmallMapControl());
  35.             map.enableScrollWheelZoom();
  36.             map.addControl(new GMapTypeControl());
  37.      
  38.          
  39.             map.setCenter(new GLatLng(46.850095, 2.509003), 5);
  40.             var icon = new GIcon();
  41.      
  42.             icon.image = "./marker.png";
  43.      
  44.             icon.shadow = "http://labs.google.com/ridefinder/images/mm_20_shadow.png";
  45.    
  46.             icon.iconSize = new GSize(20, 19);
  47.             icon.shadowSize = new GSize(22, 20);
  48.             icon.iconAnchor = new GPoint(6, 20);
  49.             icon.infoWindowAnchor = new GPoint(10, 34);           
  50.              
  51.        
  52. <?php while ($donnees = mysql_fetch_array($reponse))
  53. {
  54. ?>
  55. var point = new GLatLng('<?php echo $donnees['latitude'];?>','<?php echo $donnees['longitude'];?>');
  56. var infoTabs = [new GInfoWindowTab("", "" )];
  57. var marker = new createMarker(point,icon,infoTabs);
  58. map.addOverlay(marker);
  59.    
  60. <?php
  61. }
  62. ?>
  63.     }
  64. }
  65. </script>
  66. Si qq'un peut me donner une solution, ça m'arrangerait beaucoup.
  67. Merci d'avance.

Reply

Marsh Posté le 07-07-2008 à 11:14:49   

Reply

Marsh Posté le 09-07-2008 à 11:02:30    

Personne aurait une idée ?  :(

Reply

Marsh Posté le 12-09-2008 à 11:13:27    

Salut,
 
j'ai exactement le même problème...
 
de ton côté, t'as pu le régler?
 
 
 
 

Antho03 a écrit :

Bonjour,
 
j'ai une API GoogleMap sur une page de mon site, qui affiche le nombre de maisons et d'appartements trouvés selon les choix de l'utilisateur.
 
Tout marche nikel sous FF. Par contre, sous IE, pas d'affichage de Marker, par de possibilité de zoom, rien quoi!
ça me signale meme pas d'erreurs Javascript.
 
Je colle mon code :

Code :
  1. <script type="text/javascript" src="http://www.google.com/jsapi?key=">
  2. </script>
  3. <script type="text/javascript">
  4.   google.load("maps", "2" );
  5.   function initialize()
  6.   {
  7.    var map = new google.maps.Map2(document.getElementById("map" ));
  8.    map.setCenter(new google.maps.LatLng(46.850095, 2.509003), 5);
  9.   }
  10.   google.setOnLoadCallback(initialize);
  11. </script>
  12. //<![CDATA[
  13.      function load() {
  14.       if (GBrowserIsCompatible()) {
  15.           function createMarker(point, number) {
  16.                   var marker = new GMarker(point,icon);
  17.                   GEvent.addListener(marker, "click", function() {
  18.                   marker.openInfoWindowTabsHtml(infoTabs);           
  19.                   });
  20.                    return marker;
  21.             }
  22.             var infoTabs = [
  23.              new GInfoWindowTab("Description", "maison de 200m² en bord de plage" ),
  24.               new GInfoWindowTab("Photo", "  " )
  25.             ];             
  26.          
  27.    //création d'une carte nommé "map"
  28.             var map = new GMap2(document.getElementById("map" ));
  29.                         GEvent.addListener(map, "moveend", function() {
  30.      
  31.             var center = map.getCenter();
  32.                 });
  33.      
  34.             map.addControl(new GSmallMapControl());
  35.             map.enableScrollWheelZoom();
  36.             map.addControl(new GMapTypeControl());
  37.      
  38.          
  39.             map.setCenter(new GLatLng(46.850095, 2.509003), 5);
  40.             var icon = new GIcon();
  41.      
  42.             icon.image = "./marker.png";
  43.      
  44.             icon.shadow = "http://labs.google.com/ridefinder/images/mm_20_shadow.png";
  45.    
  46.             icon.iconSize = new GSize(20, 19);
  47.             icon.shadowSize = new GSize(22, 20);
  48.             icon.iconAnchor = new GPoint(6, 20);
  49.             icon.infoWindowAnchor = new GPoint(10, 34);           
  50.              
  51.        
  52. <?php while ($donnees = mysql_fetch_array($reponse))
  53. {
  54. ?>
  55. var point = new GLatLng('<?php echo $donnees['latitude'];?>','<?php echo $donnees['longitude'];?>');
  56. var infoTabs = [new GInfoWindowTab("", "" )];
  57. var marker = new createMarker(point,icon,infoTabs);
  58. map.addOverlay(marker);
  59.    
  60. <?php
  61. }
  62. ?>
  63.     }
  64. }
  65. </script>
  66. Si qq'un peut me donner une solution, ça m'arrangerait beaucoup.
  67. Merci d'avance.



Reply

Sujets relatifs:

Leave a Replay

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