Android/iOS Wikitude PhoneGap 插件 - 自定义 POI CSS/样式

Question

我花了几天时间在谷歌、论坛和任何地方搜索任何方向，但无法找到任何接近回答我的问题的东西，甚至找不到任何线索，所以我希望其中一个精彩社区成员将能够帮助我，因为这让我沮丧了将近一个月，试图弄清楚一切。我的问题/问题是这样的：按照我老板的指示，我的任务是创建一个 Android 和一个 iOS 增强现实应用程序。我决定使用 PhoneGap 的 Wikitude 插件的 PhoneGap 对我们来说是最好的解决方案，因为它最少基于 Java，主要基于 HTML/CSS/Javascript，这对于我们的目的来说非常棒，因为我们的 Web 开发部门在家里使用 HTML等。无论如何，我离题了。

在第一次下载Wikitude PhoneGap插件时经过大量的困惑之后，我成功地打下了我们使用的基础：使用Wikitude SDK的“POI From Web Service”将POI标记动态推送到设备通过位于我们网络服务器上的专用 JSON URL 获取我们校园周围的 GPS 位置（我在一所大学工作），所以这部分非常简单。

现在我们来谈谈我迫切需要帮助的 3 个大问题，因为它们是我们应用程序中必需的核心功能。

1.) 大学校园内有 30 座建筑。在我们的 JSON 文件中，我们有这 30 个建筑物中每一个的坐标。但是，当我在我的 Galaxy S3 测试设备上从我们的服务器加载 JSON 数据时，即使我在家（离校园 3 英里）并且我加载从服务器拉下的所有 POI 的应用程序都挤在一起/重叠（您只能读取最近的 POI 名称的前 8 个字符，前 8 个字符之后的任何文本后面跟三个点 (...) 和您也只能看到离您最近的 POI 的 8 个字符，因为最近的 POI 与所有其他人重叠，使其他人的文本无法阅读）所以我需要帮助解决正在发生的“拥挤”。如何在任何给定时间将它们间隔更多或仅显示 N 个最近点？

2.) 我一直试图找到更多信息的第二个问题是如何自定义 POI 标记（例如颜色、大小、形状、使其成为图像等）。是通过 POIFromWebService 文件夹中的本地 CSS 实现的吗？是通过 index.html 加载器主页面中的 index.css 文件吗？

3.) 我的第三个问题是关于在 AR 视图中查看 POI。在 Google Play 和 Apple App Stores 提供的实际 Wikitude 应用程序示例中，它可以让您查看当地景点等。我如何能够 1. 编码从我所在位置到给定 POI 标记的距离和 2 . 是否像在 Wikiitude 应用程序中一样在单击 POI 时显示描述/更多信息区域？

任何或所有这些问题的帮助将是一个非常非常大的帮助，因为现在我对从这里去哪里感到困惑，即使在花了几天时间在互联网上搜索答案之后。

非常感谢 Stackoverflow 社区的所有成员，他们能够帮助我解决这个问题。

Answer 1

1. 检查您获得的 phonegap 位置是否正确。为此，请参阅：http://docs.phonegap.com/en/3.0.0/cordova_geolocation_geolocation.md.html#Geolocation。 如果标题长到 10 个字符，则在标题后面附加 ...。请参阅 marker.js:30 并根据您的需要进行调整。

2. AR 场景中的每个对象都是通过调用 ARchitect JavaScript API 创建的。它允许您创建位置、GeoObjects 并定义 GeoObjects 的可视化方式。请查看其他示例和 JavaScript API 参考。在上述示例中，标记是在marker.js 文件中创建的（请参阅function Marker(poiData)）

3. 主 SDK 包（适用于 iOS、Android 或 Architect Tools）中包含其他示例，用于演示如何添加距离滑块、雷达和详细信息页面。请查看http://developer.wikitude.com/download。这些示例将在未来进入 phonegap 包。