mise à jour markercluster après le retrait des marqueurs de tableau

Je suis actuellement en utilisant markercluster plugin jquery ui cartes.

J'ai deux tableaux, l'un de tous les marqueurs (appelées marqueurs) et l'un des marqueurs qui correspondent à des critères de recherche (appelé current_markers). Ce sont fitered du premier tableau.

Ensuite, je dessine le current_markers sur l'écran.

Je trouve cependant que le markerclusterer bibliothèque n'est pas mise à jour en fonction de cette modification.

Alors, comment puis-je mettre à jour le markerclusterer?

Est-il possible d'attribuer le markerclusterer à une variable et de l'appel d'une fonction de mise à jour?

InformationsquelleAutor jaget | 2011-11-22
  1. 13

    Vous devez stocker le marqueur d'objet dans une variable et ensuite de désactiver la carte comme suit:

    var markerCluster = new MarkerClusterer(map, markers);
///... later on
markerCluster.setMap(null);

    après vous avez fait cela, vous pourriez init un new MarkerClusterer avec de nouveaux marqueurs

    Mise à jour

    depuis que vous êtes à l'aide de google maps ui plugin voici un code supplémentaire. J'ai ajouté un clic même sur un bouton avec la classe reset_markercluster bien sûr, c'est juste pour montrer comment l'utiliser pour appeler la carte

    var _map, _markerCluster;

$(function() {
  $('#map_canvas').gmap().bind('init', function(event, map) { 
    _map = map; //at this point you can call _map whenever you need to call the map

    //build up your markers here ...

    _markerCluster = new MarkerClusterer(_map, markers);  //you could also use map instead of _map here cause it's still present in this function
  });

  $("button.reset_markercluster").click(function(e) {
    e.preventDefault();
    _markerCluster.setMap(null);  //remove's the previous added markerCluster

    //rebuild you markers here ...

    _markerCluster = new MarkerClusterer(_map, newMarkers);

  });
});
    • dans le constructeur map, markers ou vous pouvez aussi le mettre avec le setMap()
    • ok, donc, auquel cas comment dois-je régler la carte à une variable? Je suis la plupart du temps de se confondre en raison de l'jquery ui carte plug-in.
    • J'obtiens un message d'erreur indiquant que l'objet n'a pas de méthode de déplaçable"
    • ce plugin: google-maps-utility-library-v3.googlecode.com/svn/trunk/...
    • Ok la même chose que moi alors. Est-il possible quand le vélo, les marqueurs dans le _clusterer à trouver si le marqueur a été mis en cluster ou pas?
    • l'esprit, c'est en fait une autre question, de toute façon, veuillez lire le javascript. Elle contient une méthode getMarkers() retour de la ajouté des marqueurs pour le cluster. Vous pouvez consulter ce tableau avec le marqueur pour voir si il est présent
    • Bon point sur la déviation de la question d'origine. Je vous remercie beaucoup pour l'aide.

    InformationsquelleAutor Manuel van Rijn
  2. 49

    Oui, vous pouvez.

    La création de la carte

    En supposant que vous avez créé votre MarkerClusterer objet quelque chose comme ceci:

    var center = new google.maps.LatLng(10, 20);
var map = new google.maps.Map(document.getElementById('map'), { zoom: 6, center: center, mapTypeId: google.maps.MapTypeId.ROADMAP });
var markerClusterer = new MarkerClusterer(map);

    Ajout de marqueurs

    Vous pouvez ajouter plusieurs marqueurs à quelque chose comme ceci:

    var markers = []
var marker = new google.maps.Marker({position: center});
markers.push(marker);
markerClusterer.addMarkers(markers);

    Noter qu'ici, j'ai ajouté un seul.

    Suppression de tous les marqueurs

    Vous pouvez ensuite effacer tous les marqueurs à l'aide de clearMarkers quelque chose comme ceci:

    markerClusterer.clearMarkers();
markers = [];

    Noter que pour la propreté j'ai également désactiver les marqueurs de tableau ici.

    Docs

    Documentation complète sur toutes les méthodes disponibles est disponible ici:

    https://googlemaps.github.io/js-marker-clusterer/docs/reference.html

    C'est un sensible et relativement complète de l'API.

    • excellente réponse que vous pas seulement de répondre à l'OP, mais a également montré l'ensemble du processus lié à un marqueur de gestion indépendante de clusterer construction
    • Merci @hubsonbropa, c'est gentil à vous de dire.
    • Le lien est mort, son très difficile de trouver la mise à jour d'informations, ce définitivement aide!
    • Merci. markerClusterer.clearMarkers(); est la meilleure option.
    InformationsquelleAutor superluminary
  3. 9

    Il est préférable d'utiliser le clearMarkers() la méthode de votre markerCluster objet:

    http://google-maps-utility-library-v3.googlecode.com/svn/trunk/markerclusterer/docs/reference.html

    InformationsquelleAutor HosseinSafy
  4. 3

    marqueur-clusterer-plus a un removeMarkers méthode:

    markerCluster.removeMarkers(markers);
    InformationsquelleAutor Carlo Rodríguez