JQuery:谷歌地图部分加载

JQuery:Google map loads partially

本文关键字：加载 谷歌地图部 JQuery      更新时间：2023-09-26

我正在尝试将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;

如何解决此问题？请提出解决方案。

我得到了解决方案。我刚刚在 window.hashchange 函数不在窗口中调用了 markicons（），下面是代码：

  $(window).on("hashchange", function () {
    if(window.location.hash=="#contactUI")
    {
   markicons();
    }
});
相关文章：