javascript – 在移动网络应用上呈现城市地图
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 在移动网络应用上呈现城市地图,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含1798字,纯文字阅读大概需要3分钟。
内容图文
![javascript – 在移动网络应用上呈现城市地图](/upload/InfoBanner/zyjiaocheng/771/8fa459799b274de29785aac5cff81d5f.jpg)
我正在使用开放式网络技术编写移动应用程序,主要针对新兴的Firefox操作系统,但计划通过Web浏览器支持任何移动设备.该应用程序涉及目前在我所在城市的公共交通工具,但也有能力扩展到其他地区.我想为用户提供有关公共交通线路站点的图形信息,提供从站点A到站点B的最短路由信息,使用城市的公共API跟踪车辆位置等等.
由于它是一个Firefox OS应用程序,我使用HTML5 / CSS3进行演示,使用Javascript作为逻辑,并将这些文件保持为本地,从而不需要Internet访问才能使应用程序正常工作.但是,我面临的问题是渲染城市地图(可能覆盖在顶部,例如突出显示的道路和车站).我想保持应用程序不依赖于互联网连接工作,因为我认为它有时会在运输和公共场合使用,在那里不可能有持久的WiFi连接,用户必须依赖他们的操作符提供商数据连接,这可能证明是昂贵的并且转移潜在用户.
到目前为止,我已经能够找到只能从离线文件中渲染OpenStreetMap数据的Kothic-JS(使用HTML5画布),但它的性能让我担心,因为它在我的Firefox OS模拟器中断断续续,即使桌面上有足够的计算能力电脑.我只能想象它会在配备FxOS的低端移动设备上造成什么恐怖 – 我担心该应用程序无法使用.其他库(例如OpenLayers)倾向于所有下载服务器生成的tile,就我所见.
使用HTML5和Javascript在移动设备上渲染城市地图是否可行?我该如何处理这个问题?可以使用聪明的XSLT将地图文件转换为SVG,并且可以预先拆分成SVG图块,必要时进行剪裁,但由于可以使用大量的缩放级别,因此无法以正确的方式选择这些图块的大小(即,缩放级别5上的图块占据设备屏幕,在缩放级别2上它们仅占据它的一小部分,我最终绘制了30个图块的顺序来填充屏幕).除了转向在线服务之外,还有其他方法吗?我知道有很多用于客户端地图渲染的库,但是这些都不能在Javascript中使用.
解决方法:
你应该尝试Leaflet JS – 它是一个很棒的开源映射库,用于javascript,支持手持/触摸.我在my project使用它,它在Firefox OS上运行良好.
至于离线支持,您可以使用Leaflet找到several blog posts how to cache tiles for offline use – 您应该将这些图块与您的应用程序捆绑在一起(如果它只是为了显示本地信息),或者如果您无法捆绑这些资源,则可以实现某种缓存算法.
内容总结
以上是互联网集市为您收集整理的javascript – 在移动网络应用上呈现城市地图全部内容,希望文章能够帮你解决javascript – 在移动网络应用上呈现城市地图所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。