L'intégration de Spiderfier JS dans markerClusterer V3 exploser multi-marqueurs avec exactement le même long / lat
Je suis en utilisant markerCLusterer V3 sur un fichier de base de données Filemaker pour générer un (semi-direct) carte de courant le lieu de livraison, à partir d'adresses. L'accaparement de la latitude/longitude de Google et le remplissage de ces
champs est pas un problème. La production de la carte via markerClusterer est pas un problème. Je suis moi-même l'hébergement de la JS localement pour que je puisse changer la par maxzoom variable pour casser les amas part au-dessus de zoom maximum, afin que je puisse voir plusieurs marqueurs. Cependant, avec les marqueurs à exactement la même lat /long, je ne vois que la dernière entrée. Je voudrais intégrer OverlappingMarkerSpiderfier dans ce JS de sorte qu'après j'ai de zoom dans le passé par maxzoom, les marqueurs "araignée" à part pour voir les marqueurs (à titre d'exemple, plusieurs pièces d'équipement d'être livrés à la même adresse). Je ne trouve pas d'info ici sur le web de façon à ce faire. C'est aussi simple que cela et je suis absent ou s'il n'a pas encore été fait. Merci d'avance pour toute aide!
- Dans le cas où certains se poseraient la question, la clé devrait certainement être dans le niveau de zoom de la markercluster comme expliqué dans les réponses ci-dessous. J'ai eu ce problème, et j'ai eu tort aussi impossible d'importer le fichier, soupir. MarkerClusterer et OverlappingMS ne travailler ensemble à l'amende juste.
- question connexe (avec exemple): GeoJSON, le Chevauchement des Pointeurs, OverlappingMarkerSpiderfier
Vous devez vous connecter pour publier un commentaire.
Je suis en utilisant:
MarkerClustererPlus-2.0.14 et
OverlappingMarkerSpiderfier-version-??
Au premier abord que le regroupement des œuvres, en cliquant sur les un cluster, un zoom est fait mais 2 ou plusieurs marqueurs sur exactement le même point de rester encore un cluster, même lorsque le zoom est au maximum. Malheureusement pas de spiderfier a montré :-(.
Mais que l'un a remarqué la setMaxZoom() la méthode sur markerClusterPlus. Lors de la définition de ce trop votre niveau de zoom (15 pour moi) spiderfier prend le relais au-delà du niveau de zoom. Il ressemble à markerClusters dit, il n'est pas plus mes affaires à partir de là, c'est à spiderfier :-).
Réglage du zoom maximum sera de résoudre le problème:
mais pour l'affichage, vous pouvez créer un clusterclick auditeur pour l'empêcher de zoomer très près sur un cluster de points au même endroit (en cliquant sur un cluster de définir les limites de la carte pour couvrir les points dans le cluster; si tous les points sont au même endroit, il fera un zoom dans tous les sens, qui tend à l'air mauvais):
L'intégration Spiderfier JS dans markerClusterer
oms.min.js
fichier de icimarkerClusterer.js
et la image dossier de iciAfin de rendre les deux travaillent ensemble, vous n'aurez qu'à ajouter un par maxzoom à la clusterMarker objet
(Zoomlevel 0 est la terre, et 20 est assez proche de la terre). Cela signifie que si vous effectuez un zoom avant sur la carte, plus que le niveau de zoom 15 (par exemple, si vous cliquez sur un cluster), alors que les grappes ne sont pas montrés plus. Maintenant, si vous cliquez sur les marqueurs qui sont sur le même emplacement exact (ou à proximité les uns des autres) Spiderfier JS de déclenchement.
Il suit maintenant un minimum de travail par exemple. J'ai fait quelques commentaires dans le code, donc je pense que c'est auto-explicatif, mais voici quelques choses à mentionner:
oms.min.js
après avoir chargé l'api google mapsExemple:
Recommandation
Si vous partez de zéro, je vous recommande d'utiliser le JS Bibliothèque Dépliant. Parce que cette bibliothèque vous offre la LeafletMarkerCluster plugin qui est fondamentalement markercluster avec Spiderfier intégrée, et un tas d'autres trucs cool.
Avantage:
Downsites:
Voici un exemple de code:
Je suis tombé sur ce post car je cherchais exactement la même chose, mais heureusement pour moi, j'ai fait travailler!
Honnêtement, je n'ai rien fait de spécial, j'ai suivi le guide d'intégration pour MarkerClusterer, puis a suivi le guide d'intégration pour OverlappingMarkerSpiderfier et ils fonctionnent parfaitement ensemble.
Lorsque je clique sur/de zoom avant sur un groupe de propriétés qui sont tous à la même adresse, d'abord, il montre juste le "top" de marqueur, mais quand je clique dessus, ils Spiderfy comme vous le feriez pour les veux trop!
Quel résultat obtenez-vous lorsque vous essayez d'utiliser les deux scripts?