基于ionic+angulajs的混合开发实现地铁APP

注:本博文为博主原创,转载时请注明出处。

项目源码地址:https://github.com/zhangxy1035/SubwayMap

一、项目简介

在该项目中的地铁app是基于ionic+angularjs开发的一款软件,其中使用了高德地图的开放接口(地铁JS API)网址为:http://lbs.amap.com/api/subway-api/subway-summary/。在该app中主要实现了,地铁线路图的整体展示,起点终点设置,界面清空,线路查询,出发地与目的地线路查询等功能。本博文适合对ionic1有一定了解的人学习实践。具体可以参照ionic学习中文网址http://www.ionic.wang/

二、项目演示

项目中的界面风格总体比较清爽,界面如下:(以北京地铁为例)

在上述图片中依次是,地铁图展示,起点终点设置,线路查询,以及出发地目的地查询。 

 

网友评论