基于ionic+angulajs的混合開發(fā)實(shí)現(xiàn)地鐵APP
注:本博文為博主原創(chuàng),轉(zhuǎn)載時(shí)請(qǐng)注明出處。
項(xiàng)目源碼地址:https://github.com/zhangxy1035/SubwayMap
一、項(xiàng)目簡(jiǎn)介
在該項(xiàng)目中的地鐵app是基于ionic+angularjs開發(fā)的一款軟件,其中使用了高德地圖的開放接口(地鐵JS API)網(wǎng)址為:http://lbs.amap.com/api/subway-api/subway-summary/。在該app中主要實(shí)現(xiàn)了,地鐵線路圖的整體展示,起點(diǎn)終點(diǎn)設(shè)置,界面清空,線路查詢,出發(fā)地與目的地線路查詢等功能。本博文適合對(duì)ionic1有一定了解的人學(xué)習(xí)實(shí)踐。具體可以參照ionic學(xué)習(xí)中文網(wǎng)址http://www.ionic.wang/
二、項(xiàng)目演示
項(xiàng)目中的界面風(fēng)格總體比較清爽,界面如下:(以北京地鐵為例)
在上述圖片中依次是,地鐵圖展示,起點(diǎn)終點(diǎn)設(shè)置,線路查詢,以及出發(fā)地目的地查詢。