javascript - JQuery：谷歌地图部分加载

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; 

我该如何解决这个问题？请提出解决方案。

Answer 1

我得到了解决方案。我只是在 window.hashchange 函数中而不是在 window.load 中调用了 markicons()。这是代码：

  $(window).on("hashchange", function () {
    if(window.location.hash=="#contactUI")
    {

   markicons();
    }
});