加载所有引脚后的Google地图事件(api3)

时间:2013-08-08 11:48:11

标签: google-maps google-maps-api-3

问题很简单。在页面加载时,我有没有引脚的地图。地图上有控件,可以让用户在地图上放置引脚。有时需要放置的引脚数量超过2000,这是需要时间的过程。我的问题是,有任何谷歌地图事件类似于jQuery document.ready,可能要等到所有地图别针都放在地图上。我需要显示加载覆盖图,直到所有图钉都放在地图上,之后隐藏它。

就像地图的功能

一样
window.google.maps.event.addListener(map, 'idle', function () {
        // do something
    });

我尝试空闲,但如果地图不改变缩放,则不执行此事件(在地图上添加引脚时可能出现这种情况)。

1 个答案:

答案 0 :(得分:0)

要回答您的问题,请不要在放置所有针脚时使用Google地图事件。但是你不需要一个。只需编写代码,以便在加载引脚时按此顺序执行这些操作:

  1. 应用您的加载重叠
  2. 循环创建所有图钉并将其添加到地图
  3. 删除你加载叠加层
  4. 如果代码可以为您提供更多帮助:

    function loadMyPins(pinDataCollection){
        addMyOverlay();
    
        for(var i=0; i<pinDataCollection.length; i++){
            //create new pin
        }
    
        removeMyOverlay();
    }