Google Maps Javascript V3 Uncaught TypeError: Cannot read property 'offsetWidth', null

Tout d'abord, toutes mes excuses pour l'autre d'une telle question, mais je n'arrive pas à trouver une similitude entre les questions existantes et de la mienne, alors voici je vais

mon index.html est comme suit: 

<html><script id="employee-tpl" type="text/x-handlebars-template">
    <div class='header'><a href='#' class="button header-button header-button-left">Back</a><h1>Map</h1></div>
    <div data-role="content" id="content">
        <div id="map_canvas" style="height:100%"></div>
    </div>    
</script></html>

c'est donc une partie de la index.html qui la div maisons de la carte. donc, la prochaine section ci-dessus se "compilé et a appelé la"

=============ÉDITÉ==============

var EmployeeView = function(employee){

    function initMap(){
        var latlng = new google.maps.LatLng(-34.397, 150.644);
        var myOptions = {
            zoom: 8,
            center: latlng,
            mapTypeId: google.maps.MapTypeId.ROADMAP
        };
        var map = new google.maps.Map(document.getElementById("map_canvas"),myOptions);
    };

    this.render = function(){
        this.el.html(EmployeeView.template(employee));
        return this;
    };
    this.initialize = function(){
        this.el=$('<div/>');
    };
    this.initialize();
    google.maps.event.addDomListener(window, "load", initMap);  
}

EmployeeView.template = Handlebars.compile($("#employee-tpl").html());

donc avec la logique ci-dessus, de toute façon je suis encore obtenir l'erreur ci-dessous 🙁

Uncaught TypeError: Cannot read property 'offsetWidth' of null

quelqu'un peut-il m'éclairer?

InformationsquelleAutor eddy | 2013-11-30
  1. 6

    Vous avez besoin d'ajouter un listener sur la fenêtre de la charge, car il semble que vous essayez d'accéder à la carte avant qu'il soit rendu, et vous obtenez null message.

    Envelopper votre initialisation dans une fonction et de l'appeler comme :

    google.maps.event.addDomListener(window, 'load', initMap);
    function initMap () {
  var latlng = new google.maps.LatLng(-34.397, 150.644);
  var myOptions = {
    zoom: 8,
    center: latlng,
    mapTypeId: google.maps.MapTypeId.ROADMAP
  };
  var map = new google.maps.Map(document.getElementById('map_canvas'), myOptions);
}
    • oh mon dieu, qui fonctionne, tout simplement! j'ai été appeler wrongy comme je l'ai été à l'origine de l'appel de la méthode initMap() donc comme un avantage pour d'autres personnes qui pourraient avoir besoin de cela, je suis maintenant en l'appelant comme ci-dessous this.initialize(); google.maps.event.addDomListener(window, "load", initMap); ==toutes mes excuses j'ai pensé qu'il avait travaillé 🙁 mais hélas, il n'a pas changer quoi que ce soit==
    • Même message d'erreur ?
    • si je copie et l'utilisation de votre code ci-dessus, il serait jeter de l'erreur ci-dessous Uncaught ReferenceError: initialize is not defined il est maintenant édité en tant que ci-dessus
    • C'est normal, vous avez besoin pour l'emballage de tous vos carte d'initialisation dans une fonction, appelé initialize ou ce que vous voulez 🙂
    • Dans votre cas, vous pouvez le remplacer par initMap
    • merci pour votre réponse rapide Apercu, cependant il son en train de les mettre Uncaught ReferenceError: initMap is not defined et je l'appelle comme ça: google.maps.event.addDomListener(window, "load", initMap);
    • Essayez de le mettre à jour 🙂
    • Son maintenant de lancer une autre erreur ncaught TypeError: Object [object Object] has no method 'initMap' 🙁
    • Remplacer initMap par initialize
    • si je le remplace retour à initialize il serait jeter de l'erreur précédente Uncaught ReferenceError: initialize is not defined hmm:(
    • Avez-vous de remplacer les deux initMap ?
    • editted mt question ci-dessus mais sa ne charge pas n'importe quoi juste une page blanche si
    • laissez-nous continuer cette discussion dans le chat
    • Évitez de modifier la réponse avec le code mineur-améliorations de style et en ajoutant des caractères étranges qui n'appartiennent pas ici.
    • Vendre? Buggy? Savez-vous à du javascript? Il n'y a pas état ici.

    InformationsquelleAutor Balthazar