2014-06-14 12 views
6

Üzerinde bir grup işaretleyici bulunan bir google harita var. Bu işaretleyicilerin bazıları, diğer belirteçlerle aynı lat/lon değerine sahiptir, bu yüzden birbirlerinin üstüne oturun. Her bir işaretleyicinin tıklanabilmesi için işaretleyicilerin gizlenmesini sağlamak için oms kütüphanesini kullanıyorum.OverlappingMarkerSpiderfier, hangi işaretleyicilerin "örümcekli küme" içinde olduğunu gösterir?

Şimdiye kadar harika çalışıyor. Ancak, işaretleyicileri tıklayarak birden fazla işaretçi olup olmadığını anlamanız için tek yol, bu benim uygulama için bir sorundur.

Hangi işaretleyicilerin "örümcek" kümelerine ayrıldığını belirtmenin bir yolu var mı?

Kümeleri işlemek için MarkerClustererPlus kitaplığını da kullanıyorum. Bir sayım sağlamak için küme kütüphanesini kullanmak mümkün olabilir ve daha sonra 'tıklatma' işaretleyicileri spiderify ancak bunu nasıl yapacağımı anlayamadım.

this example'u denetlerseniz, örümcek ve küme eklentileri karışık ve düzgün çalışıyor. Ama benim sorunum markercluster ve OverlappingMarkerSpiderfier eklentisi ile google harita API kullanıyorum. Ayrıca google harita için broşür küme eklentisini kullanabilir miyiz? Çok teşekkür ederim. işaretleyici spiderfiable olup olmadığını

enter image description here

+0

Bunu Google haritalarını kullanarak nasıl uygulayacağınızı anladınız mı? Herhangi bir işaretçi? – YashG99

cevap

0

Sen kontrol etmek için bir dinleyici kullanabilirsiniz. Eğer örülebilir ise, bu pin altında başka elemanlar olduğu anlamına gelir.

google.maps.event.addListener(marker, 'spider_format', function(status) { 

     if(status == OverlappingMarkerSpiderfier.markerStatus.SPIDERFIED 
|| status == OverlappingMarkerSpiderfier.markerStatus.UNSPIDERFIABLE) 

     { 
      marker.setIcon('Markers/marker.png'); 
//use a normal marker if the element is already spiderfied 
//or if it can not be spiderfied 
     } 

     if(status == OverlappingMarkerSpiderfier.markerStatus.SPIDERFIABLE) 

     { 
      marker.setIcon('Markers/cluster_marker.png'); //use a different marker 
     }   
    });