Fermeture des fenêtres d'informations dans google maps en cliquant sur la carte?

Je suis en train de faire une application web mobile.

Le cadre de l'application des gouttes de plusieurs marqueurs, qui peut être cliqué pour ouvrir les fenêtres d'informations. Il m'énerve à ne pas aller loin si vous continuez à utiliser la carte sans les reconnaître, comme dans l'iOS app de cartes.

Est-il un moyen de le configurer de sorte que si l'utilisateur clique sur la carte sous-jacente, toutes les infos fenêtres sont fermées?

InformationsquelleAutor temporary_user_name | 2012-04-05
  1. 36

    ajout d'un écouteur à la carte, cliquez sur l'événement et à proximité des infoboxes dans son gestionnaire

    google.maps.event.addListener(map, "click", function(event) {
    for (var i = 0; i < ibArray.length; i++ ) {  //I assume you have your infoboxes in some array
         ibArray[i].close();
    }
});

    - Je le faire sur des sites web, mais ne voyons pas de raison que ça ne marcherait pas sur mobile

    • Également à la carte.addListener("click", function(event) {... fonctionne
    • Cette réponse n'est pas la meilleure solution, découvrez Marcus de Rommel réponse. Vous ne créez pas plusieurs infoWindows, vous en créer un et ensuite de le remplir sur la base de laquelle le marqueur vous cliquez sur, vous n'avez pas besoin d'utiliser certains boucle pour fermer tous. Il y a un moyen plus facile solution.
    InformationsquelleAutor slawekwin
  2. 48

    Essayez ceci:

    google.maps.event.addListener(map, "click", function(event) {
    infowindow.close();
});

    Il est assez simple de un devrait fonctionner aussi bien.

    • Ce doit être la accepté de répondre! Fonctionne comme un charme!
    • Oui, je suis d'accord pour commentaire ci-dessus.
    • Il vaut la peine de dire que ce code doit être à l'intérieur du marqueur de fonction écouteur d'événement google.maps.event.addListener(marker, 'click', function() {, coz j'ai passé quelque temps à essayer de le faire fonctionner sans le savoir, il devrait être là. Merci.
    InformationsquelleAutor Marcus Rommel
  3. 7
    google.maps.event.addListener(marker, 'click', function() {
    if(!marker.open){
        infoWindow.open(map,marker);
        marker.open = true;
    }
    else{
        infoWindow.close();
        marker.open = false;
    }
    google.maps.event.addListener(map, 'click', function() {
        infoWindow.close();
        marker.open = false;
    });
});

    Fonctionne parfaitement

    • C'est la seule réponse qui travaillent pour moi à l'exception de "infowindow" est maintenant "infoWindow'.
    • Cette réponse se lier à un écouteur à chaque fois que vous ouvrez le marqueur. Ajouter un peu de console.log() et vous verrez que c'est tiré de plus en plus...
    InformationsquelleAutor user1724001
  4. 0

    J'ai remarqué quelques problèmes avec les autres réponses.

    Réponse de Marcus Rommel et slawekwin:

    Lorsqu'un marqueur est sélectionné, cliquez sur la carte événement est déclenché par la suite. Ainsi, lorsque le marqueur clic ouvre la fenêtre, la propagation de l'événement de clic pour carte de fermer la fenêtre de nouveau immédiatement.

    Réponse de user1724001:

    La création d'un auditeur a chaque fois qu'un marqueur est cliqué est également pas une bonne idée. Cela pollue la mémoire.

    Donc je veux juste ajouter quelques informations supplémentaires pour les premières réponses, pour arrêter la propagation de l'évènement à la carte. Windows ne sera alors fermé, si aucun marqueur n'est cliqué.

    marker.addListener("click", function(event) {
    //open your window here
    event.stopPropagation(); //this prevents propagation of marker click to map click
});

map.addListener("click", function() {
    //close your window
});
    • Il ne fonctionne plus. marker.addListener("click" ne pas obtenir une event paramètre de plus. Le stopPropagation n'est plus nécessaire, soit, google maps fait par défaut.
    • Agréable à entendre, thx
    • En fait Marcus Rommel solution ne fonctionne pas. Il ajoute un écouteur à la "carte" pour fermer la bulle informative. Le port d'écoute d'ouvrir l'infowindow est sur le marqueur.
    InformationsquelleAutor kaiser