Model stay on top of phone all the time

[jamess922]

Hi：
Just have quick try with static-on-html，but the model always on top of my phones no matter how far i am moving，
what i changed just use all local files
<script src='js/aframe.min092.js'></script> <script src="js/aframe-ar.min.js"></script> <script src="js/aframe-extras.loaders.min.js"></script> <script> THREEx.ArToolkitContext.baseURL = <three.js/> </script>
phones：
Huawei mate 20 pro Android 9
Iphone 7 IOS 12.4.1

[nicolocarpignoli]

hi
please provide me your full index.html code, thx

[jamess922]

Don't know how to show the full code in right way， so i update a iamge

`

<title>GeoAR.js demo</title> <script src='js/aframe.min092.js'></script> <script src="js/aframe-ar.min.js"></script> <script src="js/aframe-extras.loaders.min.js"></script> <script> THREEx.ArToolkitContext.baseURL = </script>

    <a-entity gps-entity-place="latitude: 28.9871737; longitude: 124.7180368;" gltf-model="./assets/magnemite/scene.gltf" rotation="0 180 0" animation-mixer scale="0.05 0.05 0.05"/>
    <a-camera gps-camera rotation-reader></a-camera>
</a-scene>

`

[nicolocarpignoli]

code looks ok. I need to see your chrome dev tools console, otherwise it's impossible to guess the problem

[jamess922]

looks the problem is about the CORS

[jamess922]

Also did a quick test of static-places demo have same problem ，the location of the model has always been relative to the phone，not following the gps ,no matter how far i am moving.
i am just add my gps position and use local js file and three.js folder
function staticLoadPlaces() { return [ { name: 'Pokèmon', location: { lat: 28.9871737, lng: 128.7180368, }, }, ]; }
<script src='js/aframe.min092.js'></script> <script src="js/aframe-ar.min.js"></script> <script src="js/aframe-extras.loaders.min.js"></script> <script> THREEx.ArToolkitContext.baseURL = <three.js/> </script>

this time no more CORS

[nicolocarpignoli]

It's not cors in both cases. Cors errors may be there but are not blocking. You have a syntax error on HTML, look to the last screenshot. You have to fix that that's probably the error causing your problem

[nicolocarpignoli]

Also try with Chrome or safari

[jamess922]

this is the syntax error
for what i have tested,looks the GPS not working no matter how long i am moving ，the size of model still same

[nicolocarpignoli]

@jamess922 Please, fill every request with:

• browser version
• device
• full code
• which example are you running.

It's hard and very time consuming to help without those information in every comment. This because you are changing code and testing several examples. Please provide those otherwise I can't help

[jamess922]

Sorry for the later
phones：
Device：Huawei mate 20 pro Android 9
Drowser version：Chrome77.0.3865.92
Example ：Static-places
Full code：I marked the places i modified

[jamess922]

and i have not made any changes to these JS files（aframeV2.js and aframe-arV2.js）

[jamess922]

V2 only means they are from AR.js v2.0

[nicolocarpignoli]

code seems ok to me. Do you have accepted all geolocation permission of the browser?

[jamess922]

I already accept all geolocation permission,
and i tried with webpage map also the geolocation has problem,so i think the problem is the H5 Grolocation
now i am going to try dynamic-places demo,and i find you are using foursquare,if that possible to use other one ,if it's ok how to change that to new one ,just replace?

[jamess922]

and also want to know which browser you are using to test in that three demo