Android/iOS Плагин Wikitude PhoneGap - Пользовательские POI CSS/ стили

Question

Я потратил несколько дней на поиск в Google, на форумах, где бы то ни было, но не смог найти что-нибудь, что было бы близко, чтобы ответить на мой вопрос или даже дать подсказки, куда идти отсюда, поэтому я надеюсь, что один из замечательных членов сообщества сможет быть в состоянии помочь мне, так как это почти месяц расстраивает меня, пытаясь все выяснить. Мой вопрос / проблема заключается в следующем: по указанию моего начальника на работе мне было поручено создать приложение для дополненной реальности для Android и iOS. Я решил, что PhoneGap, использующий плагин Wikitude для PhoneGap, будет для нас лучшим решением, поскольку он минимально основан на Java и в основном основан на HTML/CSS/Javascript, что прекрасно для нашей цели, так как наш отдел веб-разработки дома с HTML и т.д. В любом случае, я отвлекся.

После большой путаницы при первой загрузке плагина Wikitude PhoneGap я смог успешно обосновать наше использование: использовать "POI From Web Service" Wikitude SDK для динамического выдвижения маркеров POI на устройство для GPS. места вокруг нашего кампуса (я работаю в университете) через выделенный URL-адрес JSON, расположенный на нашем веб-сервере, так что эта часть была очень простой.

Теперь мы подошли к трем большим проблемам, в которых я остро нуждаюсь, поскольку они являются основными функциями, необходимыми в нашем приложении.

1.) В университетском городке 30 зданий. В нашем файле JSON у нас есть координаты для каждого из этих 30 зданий... однако, когда я загружаю данные JSON с нашего сервера на мое тестовое устройство Galaxy S3, даже когда я дома (в 3 милях от кампуса), и я загружаюсь В приложении все POI, извлекаемые с сервера, переполнены / перекрываются (вы можете прочитать только первые 8 символов имени ближайшего POI, после которого любой текст после первых 8 символов сопровождается тремя точками (...) и Кроме того, вы можете видеть только 8 символов ближайшего к вам POI, потому что самые близкие перекрывают все остальные, что делает текст остальных нечитабельным), поэтому мне нужна помощь с возникающим "скоплением". Как я могу расположить их больше или иметь только N ближайших точек, показанных в любой момент времени?

2.) Вторая проблема, о которой я пытался найти больше информации, - это как настроить маркеры POI (такие как цвет, размер, форма, создание изображения и т. Д.). Это через локальный CSS в папке POIFromWebService? Это через файл index.css с главной страницы загрузчика index.html?

3.) Мой третий вопрос касается просмотра POI в AR View. В примере реального приложения Wikitude, доступного в магазинах Google Play и Apple App Store, который позволяет просматривать местные достопримечательности и т. Д., Как я смогу: 1. кодировать расстояние от того места, где я нахожусь, до данного маркера POI и 2. При нажатии на POI отображается область описания / дополнительной информации, как в приложении Wikitude?

Помощь по любому или всем этим вопросам была бы ОЧЕНЬ ОЧЕНЬ огромной помощью, так как сейчас я сбит с толку относительно того, куда идти отсюда, даже после того, как потратил дни на поиски ответов в Интернете.

Большое спасибо всем членам сообщества Stackru, которые смогут помочь мне решить эту проблему.

Answer 1

1. Проверьте правильность местоположения телефонной щели. Для этого см.: http://docs.phonegap.com/en/3.0.0/cordova_geolocation_geolocation.md.html. К заголовку добавляется символ..., если он длиннее 10 символов. Увидеть marker.js:30 и адаптировать его к вашим потребностям.

2. Каждый объект в сцене AR создается путем вызова API-интерфейса ARchitect JavaScript. Он позволяет создавать местоположения, геообъекты и определять способ визуализации геообъектов. Пожалуйста, ознакомьтесь с другими примерами и справкой по API JavaScript. В упомянутом примере маркеры создаются внутри marker.js файл (см. function Marker(poiData))

3. Есть дополнительные примеры, включенные в основной пакет SDK (для iOS, Android или Architect Tools), которые демонстрируют, как добавить бегунок расстояния, радар и страницу с подробностями. Пожалуйста, посмотрите на них по адресу http://developer.wikitude.com/download. Эти примеры сделают это в пакетах PhoneGap в будущем.