le meilleur moyen de chargement de google maps dans le site web

Je suis en utilisant Google Maps v3 et que vous désirez que le chargement plus rapide.

Ma configuration:

À la fin d'une .fichier js

google.maps.event.addDomListener(window, 'load', initialize);

Et à la fin de la page HTML code:

<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
<script type="text/javascript" src="http://www.google.com/jsapi"></script>

Comment puis-je faire la carte apparaissent sur l'écran plus rapide?

Êtes-vous sûr que le retard provient de ces scripts?Pouvez-vous poster un lien vers cette page?
je ne peux pas car le site est pas encore.
Faire le serveur de développement public. Vous pouvez le contrôler avec un nom d'utilisateur/mot de passe si nécessaire.

OriginalL'auteur raklos | 2011-03-14

  1. 5

    Vous n'avez pas besoin d'inclure ces deux scripts:

    <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
<script type="text/javascript" src="http://www.google.com/jsapi"></script>

    surtout si vous avez seulement à l'aide de Google Maps. Si vous utilisez plus d'un de ces Api Google (ou ces Les bibliothèques JavaScript), inclure uniquement http://www.google.com/jsapi. Sinon, si vous êtes seulement en utilisant Google Maps, inclure uniquement http://maps.google.com/maps/api/js?sensor=false. Ceci permet d'enregistrer une demande.

    Vous ne pouvez pas vraiment faire des cartes de charge plus rapide, mais un des trucs que vous pouvez faire est de charger une carte statique d'abord à l'aide de Google Map Static Maps API elle apparaîtra pour charger plus rapidement.

    Une autre astuce consiste à charger les cartes uniquement lorsque l'utilisateur le demande. Cependant, sans savoir ce que votre site de l'exigence, c'est difficile à dire. Avec la bibliothèque de Google loader, vous pouvez faire

    google.load("maps", "3", {other_params:'sensor=false', callback: function(){
  var map; //initialize your map in here
});

    ou si vous n'utilisez pas le chargeur de bibliothèque, vous pouvez le faire cette.

    OriginalL'auteur Haochi

  2. 0

    vous pouvez ajouter un eventlistener à un bouton et dynamique, de créer et de remplir un nouveau iframe avec la carte comme un contenu? De cette façon, la carte ne sera pas chargé jusqu'à ce que le bouton a été cliqué.

    var map = YOUR GOOGLE MAPS MINIMAP SRC;
$('#button').bind('click', function() {
    if($('#iframe').size == 0) {
        $('#iframe').load(map, function() {
            $('#button').unbind('click');
        });
    }
});

    Bien sûr, vous aurez à le style de l'iframe et la bonne position, c'est juste une idée.

    OriginalL'auteur rsplak