首页 文章

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

提问于
浏览
0

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

在首次下载Wikitude PhoneGap插件后出现大量混淆之后,我成功地获得了使用的基础:使用Wikitude SDK的“POI From Web Service”动态地将POI标记推送到GPS设备我们校园周围的地点(我在大学工作)通过我们的网络服务器上的专用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
    • 检查您获得的手机档位是否正确 . 要做到这一点,请参阅:http://docs.phonegap.com/en/3.0.0/cordova_geolocation_geolocation.md.html#Geolocation . Headers 附加一个......如果它变得长10个字符 . 请参阅 marker.js:30 并根据您的需要进行调整 .

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

    • 主SDK包中包含其他示例(适用于iOS,Android或Architect工具),演示如何添加距离滑块,雷达和详细信息页面 . 请查看http://developer.wikitude.com/download的那些 . 这些示例将在未来进入phonegap包 .

相关问题