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