javascript - JQuery:Google マップが部分的に読み込まれる

Question

プロジェクトのハッシュ ページに GoogleMap を統合しようとしています。ページからマップページに移動するとき

googlemap が部分的に読み込まれます。このハッシュ ページを更新すると、正常に読み込まれます。コードは次のとおりです。

function markicons() {

    InitializeMap();
    var ltlng = [];
    ltlng.push(new google.maps.LatLng(-36.847043, 174.761543));
    ltlng.push(new google.maps.LatLng(-37.791174,175.297813));
    ltlng.push(new google.maps.LatLng(-38.679988,176.077843));
    ltlng.push(new google.maps.LatLng(-41.297257,174.759483));

    map.setCenter(ltlng[0]);
    for (var i = 0; i <= ltlng.length; i++) {
    marker = new google.maps.Marker({
            map: map,
            position: ltlng[i]
        });

        (function (i, marker) {

            google.maps.event.addListener(marker, 'click', function () {

                if (!infowindow) {

                    infowindow = new google.maps.InfoWindow();
                }

                infowindow.setContent("Message" + i);

                infowindow.open(map, marker);

            });

        })(i, marker);

    }

}

window.onload = markicons; 

この問題を解決するにはどうすればよいですか?解決策を提案してください。