基于高德地圖開發公交查詢系統項目在JavaScript課程教學中的應用

吳國華

摘要：JavaScript語言編程是職業院校《網頁編程》課程中的基礎組成部分，教學中開發項目的選擇對于枯燥的語言編程學習起到舉足輕重的作用。該文基于高德地圖JavaScriptAPI程序為開發環境，以開發公交查詢系統項目為案例，使學生有效地掌握JavaScript語言編程，激發學生自主學習的興趣，培養學生軟件項目開發的能力。

關鍵詞：高德地圖；公交查詢系統；JavaScript；課程教學

職業院校的教育注重學生的參與性與實踐性，“項目引領，案例驅動”的教學方法被廣泛應用于各個專業的教學之中，如何選擇學生感興趣而又具有開發價值的項目成為教師教學的重點和難點，也是課程教學中的一個關鍵所在。

在計算機網絡專業開設的《網頁編程》課程中，JavaScript語言編程是課程的基礎部分，是學生進行Web應用程序開發的必要知識和技術支持。然而，對于一年級的學生來說，進行抽象的語言學習是十分困難的，要讓枯燥的語言變得生動，要讓無趣的代碼實現價值就要找到學生的興趣所在，投其所好地選擇教學案例，讓學生從被動學習轉為主動參與。在本課程的教學中，筆者選擇了學生感興趣的高德地圖作為開發環境，基于高德地圖豐富的JavaScript API開發代碼設計與開發公交查詢系統項目，項目完成后能實現城市切換、公交路線查詢和換乘方案查詢的一系列功能，讓學生體現到程序語言的真正作用和價值。

1項目開發環境與開發步驟設計

1.1項目開發環境

高德地圖是由高德軟件有限公司開發的一款集數字地圖內容、導航和位置服務解決方案于一體的綜合地圖平臺，是國內三大常用地圖之一。對于職校的學生，高德地圖認知度很高，而且使用率很廣，深得學生喜愛。但是，作為地圖開發者的身份，對于學生是神秘而又有趣的，能充分激發學生的自主學習興趣，有利于項目在教學中的應用。

基于高德地圖開發公交查詢系統項目主要應用了高德地圖開放平臺提供的JavaScript API程序，結合JavaScfipt語言的基礎語法和各種對象的調用方式，利用Dreamweaver或sumlime Text等軟件來開發Web應用程序。

API是各種網絡地圖廠家提供的地圖嵌入到網頁的應用程序接口，高德地圖針對網頁的API主要由JavaScript語言編寫，提供給開發者網站或移動端中構建功能豐富、交互性強的地圖應用程序，例如地點搜索、路線規劃、定位等功能，對于學生的學習有很大的幫助。

1.2項目開發步驟設計

結合項目涉及知識點和學生的認知能力，筆者把項目分解成三個步驟進行開發，見圖1項目開發步驟設計圖。首先是地圖功能開發部分，從注冊高德地圖成為開發者到在自己的網頁中調用地圖，實現地圖初始化，讓學生感受到JavaScript語言的作用和價值；第二步，公交查詢功能的開發是本項目的重點和難點，要求學生掌握JavaScript語言的調用和查詢功能，體會程序的實際應用；第三步，對項目進行調試與開發，要求學生把網頁安裝到服務器中進行調試，并進行分組互相測試，編寫測評報告，對項目提出用戶體驗和修改建議。

本項目的步驟設計遵循由淺至深，層層遞進，逐步完善的效果進行，讓學生先得到程序的實惠和樂趣，再通過自行開發體現編程的價值，從被動學習到主動學習。在開發過程中，通過分組探討，分組協作，分組測評的方式，讓同學們從開發者的角度協同工作，又可以從用戶的角度評價項目，實現相互學習，共同進步。

根據用戶輸入的乘車起點和目的站，在進行查詢操作時會調用高德地圖API中的getElementsByName函數，通過地圖自身的算法篩選出距離最短，換乘最少，時間最短的乘車方案。

在網頁中添加兩個文本輸入框用用于輸人起點和終點，添加一個按鈕用于顯示換乘信息。當點擊按鈕時獲取輸入的信息并顯示換乘信息，代碼見表3。

3結束語

JavaScript語言編程的開發是職業院校《網頁編程》課程中的重要組成部分，基于高德地圖開發公交查詢系統項目循序漸進，有趣而又實用，能有效地激發學生自主學習的興趣，項目在實際應用中體現的價值能讓學生立起強大的信心和學習動力。項目完成后，學生能奠定網絡編程語言的基礎，逐步實現根據實際需要自主設計與開發項目，把知識技能轉化成生產力，有利于今后向更深層次的知識學習，并開發出自主創新的項目。

公交查詢系統項目除了結合JavaScript語言進行編程以外，還可以加入HTML5、CSS、C#等編程語言進行項目模塊開發，既豐富教學內容，又提高教學效率。如何做到一個項目串聯各種編程語言的學習將是下一步需要重點研究和解決的問題。