Question

我正在尝试将GoogleMap集成到我的项目中的哈希页面中。当我从页面导航到mappage时

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.hash中调用了markicons（）而不是在window.load.Here中是代码：

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

   markicons();
    }
});

JQuery：谷歌地图部分加载

1 个答案: