Agora, estou desenvolvendo um aplicativo no qual preciso exibir um grande número de marcadores no mapa aproximadamente (30K a 50K). Agora, enquanto renderiza o mapa, está demorando para renderizar pontos inteiros, então eu gostaria de adicionar um ícone de carregamento gif enquanto o Navteq Map renderiza os pontos para que o usuário esteja ciente de que o mapa está renderizando os pontos.

Estou usando a versão mais recente da Nokia (Aqui) - API do Google Maps2.5.3. eu tentei comtransitionstart etransistionend eventos, mas ele não está mostrando meu ícone GIF, mas se eu manipular apenas otranisionstart evento, o ÍCONE será mostrado.

Eu tentei isso:

JavaScript:

  map = new nokia.maps.map.Display(mapContainer, {
    // Initial center and zoom level of the map

    center: [51.410496, 5.459197],
    zoomLevel: ZoomLevel,
    components: [
        // We add the behavior component to allow panning / zooming of the map
        new nokia.maps.map.component.Behavior(),
        new nokia.maps.map.component.ZoomBar(),
        new nokia.maps.map.component.Overview(),
        new nokia.maps.map.component.TypeSelector(),
        new nokia.maps.map.component.ScaleBar(),
        infoBubbles
    ]
 });
 map.addListener("transitionstart", function () {
    ChangeProgressGif(true);
 });

 map.addListener("transitionend", function () {
        ChangeProgressGif(false);
    });


function ChangeProgressGif(progressFlag)
{       
    if (progressFlag)
        document.getElementById("ProgressIcon").style.visibility = "visible";
    else
        document.getElementById("ProgressIcon").style.visibility =  "hidden";
}

HTML:

<img src="Images\\Resources\\LoadingGIF.gif" id="ProgressIcon"/>

NOTA: Eu tentei os eventos BaseMapChangeStart e BaseMapChangeEnd também, mas nenhum deles funcionou. Qualquer ajuda seria muito apreciada.

EDITAR: depois de tentar a solução @Jason, ainda está demorando um pouco para renderizar os pontos após oCluterProvider estado é alterado paraready.

e, como mencionado nos comentários, tentei com o estadoClustered também, mas estadoClustered está chegando antes doReadyState.

Saída do console do chrome:

no console, observei que existem muitos estados prontos e podemos identificar qual é o último estado pronto para parar / ocultar o ícone de carregamento.

Obrigado.