chargement asynchrone en javascript avec le document.écrire

Je suis en train de asynchrone de google map api javascript.

Donc, la balise script fonctionne <script src="https://maps.googleapis.com/maps/api/js?sensor=false"></script>

Mais, à la suite async version qui ne fonctionne pas.

(function () {
    var gmap = document.createElement('script'); gmap.type = 'text/javascript'; gmap.async = true;
    gmap.src = 'https://maps.googleapis.com/maps/api/js?sensor=false';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(gmap, s);
})();

Après un certain point d'arrêt+inspecter l'action, j'ai trouvé que cette ligne ne fonctionne pas correctement dans le mode asynchrone.

document.write('<' + 'script src="' + src + '"' + 
' type="text/javascript"><' + '/script>');

L'objet document dans le mode de synchronisation est un "HTMLDocument", mais dans le mode asynchrone est un "document #" à la place. Quelque chose s'est passé à l'objet document après le chargement de la page. Pensées?

Acclamations.

Mise à jour: cette question est plus de savoir pourquoi le document.écrire n'est pas déclenché, plutôt que asynchrone en charge de l'api google map. Si vous définissez un point d'arrêt sur cette ligne, vous pouvez voir le document.écrire la fonction existe. Est ce que cela a quelque chose à voir avec le fait que le document.écrire est originaire?

OriginalL'auteur user1736525 | 2012-10-22

  1. 7

    document.write ne peut pas être appelé à partir d'un script asynchrone, parce qu'il est détaché du document et donc de votre JS analyseur ne sais pas où le mettre. au mieux, le navigateur va l'ignorer. au pire, il pourrait écrire sur le haut de votre document actuel (comme dans le cas de l'appel de document.écrire après que le document a la fin du chargement).

    Malheureusement, la seule réponse est de réécrire le script, qui, dans le cas d'une api de google n'est probablement pas une option viable.

    Merci. Je n'ai point d'arrêt sur cette ligne et d'essayer de document.écrire moi-même. Il a trouvé l'write() et la fonction qui est pourquoi il est bizarre. Si la fonction d'écriture est détachée, alors pourquoi n'est-il pas défini?
    oui google est une blague

    OriginalL'auteur market

  2. 5

    J'ai juste couru dans un problème similaire lorsque le chargement asynchrone annonces. J'ai été en mesure d'obtenir document.write approchée dans mon application de ces situations par un changement de comportement ($ dans ce cas se réfère à jQuery):

    document.write = function(content) {
  if (document.currentScript) {
    var src = document.currentScript.src
        .replace(/\#.*$/, '')
        .replace(/\?.*$/, '')
        .replace(/^.*\/\//, '');
    setTimeout(function() {
      var script = $('script').filter(function() {
        var scriptSrc = $(this).attr('src');
        return scriptSrc && scriptSrc.indexOf(src) !== -1;
      });
      $('<div></div>')
          .addClass('doc-write')
          .html(content)
          .insertAfter(script);
    }, 0);
  } else {
    HTMLDocument.prototype.write.apply(document, arguments);
  }
};

    Cette approche pourrait être amélioré, mais il fonctionne assez bien pour mes besoins. Nous espérons que vous trouverez utile.

    Juste voté, mais s'est rendu compte maintenant, ce n'est pas en charge dans internet explorer 11. Toutes les suggestions?
    utiliser le callback=somefunction param initiale de l'api de charge

    OriginalL'auteur HandyAndyShortStack

  3. 2

    Lorsque vous utilisez le paramètre callback à l'intérieur du script-URL, le script n'utilise pas write() et vous serez en mesure de charger l'API asynchrone.

    Voir: https://developers.google.com/maps/documentation/javascript/tutorial?hl=en#asynch

    ouais, j'ai eu le rappel, mais j'ai rencontré un autre problème en jquery mobile, où c'est le chargement de google map api plusieurs fois. Je n'aimais pas le message d'avertissement.
    Quand vous n'aimez pas l'avertissement de ne pas charger l'API plusieurs fois.
    C'est jquery mobile asp mvc à l'aide de la jqm mode ajax. Jusqu'à ce qu'il semble plus propre à charge l'API encore une fois, plutôt que d'utiliser le jqm événements.

    OriginalL'auteur Dr.Molle

  4. 1

    Ne pas utiliser document.write(), pour les raisons expliquées par le marché et le Dr Molle. Utilisation appendChild() au lieu de cela, comme le fait le Google exemple de chargement asynchrone.

    "Plus de la carte-simple-async". Seulement "carte-simple". Si cette réponse n'est plus utile 🙁

    OriginalL'auteur Marcelo