Start a new topic

avoiding the stacking of POIs

avoiding the stacking of POIs

Hi there!

Besides the hints of Alexander please also ensure you pass altitude '0' information to architectView on Location updates. Otherwise your altitude clustering is not working as you expect it - as states in page 1 of this post already.

Kind regards,


Hi Andreas,

Thanks for the response. I understood what you are saying, finally! All along I was trying to set the altitude as '0' when I was creating the singlePoi obj and trying to increase it later using the clustering code. Finally it dawned on me that you are talking about the setLocation call on the architectView. Once I realized my mistake and set it, it started working. Now the markers are showing up at different heights. Thanks to you and Alexander.

K. Ramesh


Ramesh, I have been following your post because everything i tryed fail but thanks to you persistence i fanally got it to worked, thanks againg. :)


Thanks for following my posts. I am glad that I am able to help someone, but the thanks should really go to Andreas and Alexander.

Now, I am facing another problem of disappearing Radar, which I am trying to figure out! The radar seems to show up behind all the POI markers for a second, and disappears. But that is a topic for another post!

K. Ramesh

Hi , I'm also trying to do this to avoid clusteing my POIs , but I don't get what is the difference between "clusterAngle" and "bubbleAngle" ? the bubbleAngle isn't even defined in the code. and even if I assume them the same by 'var bubbleAngle = clusterAngle;' and try to run the code , when I debug I see the cluster clusteredPois array is empty. I'll appreciate if you can help me with this. 


Hi there!


You're right bubbleAngle should be clusterAngle.
Please use clusterAngle between 10 and 30 and check your results. Also ensure your passed pois have set all required attributes so "ClusterHelper.angleBetween" etc. work as expected.

Please keep in mind that this is a very basic implementation. There are way more sophisticated approaches available to play around with.

Kind regards,

Hi, can you please provide piece of code where, and how exactly you set altitude as '0' in setLocation call on the architectView?  Is it in capturescreen.js or marker.js? I cant get my clustering to work. 

 I'll appreciate if you can help me with this. Thanks


Could you provide my the sollution about the "stacking of POIs"?
I have lost with the previous posts and I don't know what to do.

Thank you in advance!

Hi I've been following the thread and the steps but I can't manage to make my POIs to look good on the screen they still appear one behind the other or way up on the screen (like on the roof)

I'm attaching the 3 files I'm using so people can see and maybe can help, I don't know where the error can be.

Please if anyone can help


Hi there!

Note that it is not enough to "just define a clustering" once in your code.

* You need to ensure that the user's location is repoted properly to the AR-view (via setLocation).

* Also note that you need to re-cluster your pois when the user moves or location updates arrive (letting user "jump for several meters", which destroys your previous calculations)

Also consider to implement your own clustering approach, the one I provided in the old posts is very basic and groups the POIs by view-angles.

Best regards
When I use the attached clustering.js and poisFromWebservice.js the clustering of POIs seems successful BUT some POIs are getting lost. Missing POIs are not displayed if clusterAngle gets higher:

        // passing World.markerListUnclustered with count 30 
        var clusterAngle = 20 // please note if clusterAngle = 1 then all POIs are shown
        World.placeGeoObjects = ClusterHelper.createClusteredPlaces(clusterAngle, World.userLocation, World.markerListUnclustered);
        for (var i=0; i<World.placeGeoObjects.length; i++) {
            for (var j=0; j<World.placeGeoObjects.places.length; j++) {
                var singlePoi = World.placeGeoObjects.places;
                singlePoi.altitude =  j * 250;
                World.markerList.push(new Marker(singlePoi));
        // getting World.markerList with count 25, thus 5 POIs are gone, but if I change clusterAngle to 1 - all POIs are shown

What may be the causes of this? I tried reading the source but I have not yet determined the reason.

It's quite hard to fix the issue remotely. I must say that Geo-Experiences in the Wikitude app (e.g. Wikipedi) is a very similar agorithm to cluster POIs in same angle. When user presses the "aggregated POI" a list of the POIs is shown.

Note that the provided snippet is just a draft of how one could achieve an easy POI aggregation but there are way more sophisticated approaches out there. Unfortunately I have no AR-Snippets to share.

Best regards

Unfortunately, none of the links under this thread are active. I have no way of finding this clustering.js  anywhere. Can you guys provide a valid link? thanks.

1 person likes this
Hello Farshid,

The two links that were not updated are now updated. Please also be aware that if there are links redirecting to Dropbox files then, as this is a forum post created 3 years before, they are no longer valid.



1 person likes this
Login or Signup to post a comment