application Google Map ne fonctionne pas sur Safari et Chrome

Je suis une carte Google la mise en œuvre sur la page de contact de ce site: http://www.vqt.ch/dev/?lang=fr&page=contact application Google Map ne fonctionne pas sur Safari et Chrome

La carte affiche dans le rectangle en haut de la page. Tout fonctionne très bien sur Firefox, mais rien ne s'affiche sur Safari & Chrome ...

Voici la façon dont je le mettre en œuvre:

<script src="http://maps.google.com/maps?file=api&amp;v=2&amp;key=ABQIAAAA8yt4eBY5BILk0ExOfUVIuxTtIfr4IreHJHupahKP7IIqKlsN7BQG4crqM32UzthNoFP_54xDooNNNQ&amp;sensor=true" type="text/javascript"></script> 

    <script type="text/javascript"> 
    //<![CDATA[ 

     function createMarker(point,text) { 
      var marker = new GMarker(point); 
      GEvent.addListener(marker, "click", function() { marker.openInfoWindowHtml(text); }); 
      return marker; 
     } 
     function load() { 
      if (GBrowserIsCompatible()) { 
       var Lat=46.983707; 
       var Lng=6.904106; 
       var Zoom=13; 
       var TextAffiche="<strong>VQT<\/song><br/>Verre & Quartz Technique SA<br/><br/>Rue de Maillefer 11d<br/>2000 Neuchatel"; 

       var map = new GMap2(document.getElementById("contactMap")); 
        map.setCenter(new GLatLng(Lat,Lng),Zoom); 
        map.addControl(new GLargeMapControl3D()); 
        map.addControl(new GMapTypeControl()); 

       var point = new GLatLng(Lat,Lng); 

       var new_icon = new GIcon() 
        new_icon.image = "http://www.vqt.ch/gmap_marker.png"; 
        new_icon.size = new GSize(50, 32); 
        new_icon.iconAnchor = new GPoint(0,0); 
        new_icon.infoWindowAnchor = new GPoint(0,0); 

        var opt; 
        opt = {}; 
        opt.icon = new_icon; 
        opt.draggable = false; 
        opt.clickable = true; 
        opt.dragCrossMove = false; 

       var marker = new GMarker(point,opt);//createMarker(point,TextAffiche); 
        map.addOverlay(marker); 
        marker.openInfoWindowHtml(TextAffiche) 
      } 
     } 
     $("body").attr("onload", "load()"); 
     $("body").attr("onunload", "GUnload()"); 

    //]]> 
    </script>

et voici mon html:

<div class="normalContent"> 
      <div id="contactMap" class="borderedImages"></div> 
     </div>

Savez-vous ce qui ne va pas là-bas? Je ne comprends vraiment pas pourquoi ça marche quelque part et ne travaille pas ailleurs ...

Nous vous remercions de votre aide!

Source

2010-10-20 daviddarx

pouvez-vous afficher le CSS pour les divs que vous utilisez? Avez-vous des erreurs dans la console? Assurez-vous que votre script est exécuté sur document prêt. – meo

J'ai juste essayé de faire une version avec seulement la carte, et aucun autre HTML ou CSS. Le problème est toujours le même ... http://www.vqt.ch/dev/google_map_debug/ (tout est visible sur la source de la page) Peut être le problème cet appel? $ ("body"). Attr ("onload", "load()"); $ ("body"). Attr ("onunload", "GUnload()"); J'ai essayé de mettre tout le javascript dans le , mais ça ne marche tout simplement plus ... Quelqu'un a-t-il ici un exemple de mise en œuvre simple travaillant sur un safari? Nous vous remercions de votre aide! David – daviddarx

Je redémarrés d'un tutoriel et il travaille maintenant: http://www.vqt.ch/dev/google_map_debug/

La principale différence est l'appel de la fonction de charge, qui est maintenant sur les attributs du corps:

<body onload="load()" onunload="GUnload()">

donc je suppose que la problème était ici ... Merci pour votre aide!

Source

2010-10-22 07:59:48 daviddarx

application Google Map ne fonctionne pas sur Safari et Chrome

Répondre

Questions connexes