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

时间:2013-08-17 05:33:43

标签: android ios cordova phonegap-plugins wikitude

我花了好几天时间搜索谷歌,论坛,到处寻找任何方向,但未能找到任何远程接近回答我的问题,甚至没有任何线索从哪里去,所以我希望其中一个很棒社区成员可以帮助我,因为这让我感到沮丧近一个月,试图解决所有问题。我的问题是:按照我的老板在工作中的指示,我的任务是创建Android和iOS增强现实应用程序。我决定使用PhoneGap的Wikitude插件的PhoneGap对我们来说是最好的解决方案,因为它基于Java,主要是基于HTML / CSS / Javascript的,这对我们来说非常好,因为我们的Web开发部门在家里使用HTML无论如何,我离题了。

在首次下载Wikitude PhoneGap插件后出现大量混淆之后,我成功地获得了使用的基础:使用Wikitude SDK的“POI From Web Service”动态地将POI标记推送到设备对于我们校园周围的GPS位置(我在大学工作),通过我们的Web服务器上的专用JSON URL,所以这部分非常简单。

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

1。)大学校园里有30栋校园。在我们的JSON文件中,我们有30个建筑物中每个建筑物的坐标。但是,当我在我的Galaxy S3测试设备上从我们的服务器加载JSON数据时,即使我在家(距离校园3英里),我加载应用程序从服务器上拉下来的所有POI都挤在一起/重叠(你只能读取最近POI名称的前8个字符,前8个字符后面的任何文字后跟三个点(...)和你也只能看到最近的POI的8个字符,因为最接近的所有其他字符使其他人的文本不可读)所以我需要帮助处理正在发生的“拥挤”。如何将它们分开更多或在任何给定时间仅显示N个最近点?

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

3.。)我的第三个问题是关于在AR视图中查看POI。在Google Play和Apple App Stores提供的实际Wikitude应用程序示例中,您可以查看本地景点等。我如何能够编码距离我所处位置的POI标记的距离和2 。如在Wikitude应用程序中点击POI显示描述/更多信息区域吗?

对任何或所有这些问题的帮助将是一个非常非常巨大的帮助,因为我现在感到困惑的是,即使花了几天时间在互联网上寻找答案,也要从这里开始。

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

1 个答案:

答案 0 :(得分:0)

  1. 检查您获得的手机档位是否正确。要执行此操作,请参阅: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工具),演示如何添加距离滑块,雷达和详细信息页面。请查看http://developer.wikitude.com/download处的内容。这些示例将在未来进入phonegap包。