'ar.js/Aframe multiple objects on location based tracking not working properly

Im using ar.js with aframe to load multiple objects into an a-scene but instead of seeing the objects where they are supposed to be (according to map coord/latlng), i'm getting all of them towards the same location. For example, I have an a-entity with latlng values towards south and one more a-entity with latlng towards north. What happens is that both entities appear on the north or the south side, not where they are supposed to be. Here is my code:

    <a-scene
        vr-mode-ui="enabled: false"
        embedded
        arjs='sourceType: webcam; sourceWidth:1280; sourceHeight:960; displayWidth: 1280; displayHeight: 960; debugUIEnabled: false;'>
        <a-camera gps-camera rotation-reader far="5000"></a-camera>
        <a-entity gltf-model="/path/to/model" rotation="0 180 0" scale="0.70 0.70 0.70" gps-entity-place="<here are values of lat and long towards north>" animation-mixer/>
        <a-entity gltf-model="/path/to/model" rotation="0 180 0" scale="0.70 0.70 0.70" gps-entity-place="<here are values of lat and long towards south>" animation-mixer/>
    </a-scene>


Solution 1:[1]

I believe you need to use gps-projected-camera instead of gps-camera within your <a-camera /> element.

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source
Solution 1 bcarlso