Использование: ar.js - geo Ar с Angular & Cordova
Сначала я создал сайт min (без Angular) на основе примера кода ar.js и перенес его на cordova -> evertything работает отлично.
Затем я скопировал код в новое приложение Angular, и все маркеры приклеены к камере.
После некоторой отладки я заметил, что при регистрации компонента gps-entity-place
компонент gps-camera
не зарегистрирован на камере.
var camera = document.querySelector('a-camera, [camera]');
if (camera.components['gps-camera'] === undefined) {
return; // Undefined, so it returns here...
}
Но он должен быть там. Полная сцена
<a-scene
cursor='rayOrigin: mouse; fuse: true; fuseTimeout: 0;'
raycaster="objects: [gps-entity-place];"
vr-mode-ui="enabled: false"
embedded
arjs='sourceType: webcam; sourceWidth:1280; sourceHeight:960; displayWidth: 1280; displayHeight: 960; debugUIEnabled: false;'>
<a-camera gps-camera="minDistance: 20;" rotation-reader>
</a-camera>
<a-image
gps-entity-place="latitude: 51.97250529; longitude: 10.96151222;"
name="test"
scale="20, 20"
alpha-test="0.5"
src="./assets/map-marker.png"
></a-image>
</a-scene>
aframe.js
и aframe-ar.js
загружаются в <head>
schemas: [CUSTOM_ELEMENTS_SCHEMA]
, установлен в модуле Angular.
Запрос компонентов камеры: document.querySelector('a-camera, [camera]').components
camera
look-controls
position
rotation
wasd-controls
- ... но без gps-камеры
В чем может быть причина такого поведения? Где еще можно отладить, чтобы найти причину?