Google Maps API v3 Laden Erst Nach Aktualisierung der Seite

Ich bin hantieren mit der Google Maps API für eine Webseite an der ich arbeite. Mein Problem ist jetzt, die Karte lädt, genau wie ich, wollen es aber erst nach aktualisieren der Seite. Wenn ich die Seite nicht aktualisieren, alles, was ich sehe, ist die Leinwand. Das problem bleibt, wenn ich die Seite verlassen und zu Ihr zurückkehren, so es scheint ein Problem mit dem Aufruf für die Karte zu initialize.

Code:

<style>
    #map_canvas {
    width: 670px;
    height: 400px;
    background-color: #CCC;
    }
</style>
<script src="http://maps.googleapis.com/maps/api/js?sensor=false"></script>
<script>
    function initialize() {

        var myLatLng = new google.maps.LatLng(31.247681, 121.449504);

        var map_canvas = document.getElementById('map_canvas');

        var map_options = {
        center: new google.maps.LatLng(31.248195, 121.447431),
        zoom: 16,
                mapTypeControl: false,
                panControl: false,
        zoomControlOptions: {
                    position: google.maps.ControlPosition.LEFT_CENTER
        },
        streetViewControl: false,
        mapTypeId: google.maps.MapTypeId.ROADMAP
    }

    var map = new google.maps.Map(map_canvas, map_options);

        var contentString =
            '<b>Leung Gallery</b>' +
            '<p>50 Moganshan Rd. Building 7, Unit 108, Shanghai</p>' +
            '<p>&#19978;&#28023;&#26222;&#38464;&#21306;&#33707;&#24178;&#23665;&#36335;50&#21495;7&#21495;&#27004;108&#23460;</p>';

        var infowindow = new google.maps.InfoWindow({
            content: contentString
        });

        var marker = new google.maps.Marker({
            position: myLatLng,
            map: map,
        });

        google.maps.event.trigger(map, 'resize');

        google.maps.event.addListener(marker, 'click', function(){
            infowindow.open(map,marker);
        });

    }

    google.maps.event.addDomListener(window, 'load', initialize);
</script>​

Durchblättern früheren Fragen, ich habe nicht nichts gefunden, der auf mein problem genau aber ich habe gesehen, wie einige ähnliche Situationen, drehte sich um google.maps.event.addDomListener(window, 'load', initialize); also ich denke, das könnte sein, wo das Problem ist. Jede Hilfe ist willkommen.

Edit: Hab schon in die richtige Richtung. Hinzufügen $(document).bind("projectLoadComplete", initialize); nach google.maps.event.addDomListener(window, 'load', initialize); behebt das Problem. Das Problem war, dass die Seiten nicht vollständig laden, wenn mit der navigation. Dieses Problem wird wahrscheinlich exklusiv für die Fracht gemeinsame Plattform.

InformationsquelleAutor Darryl Leung | 2013-10-29