基于高德地图开发公交查询系统项目在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#等编程语言进行项目模块开发，既丰富教学内容，又提高教学效率。如何做到一个项目串联各种编程语言的学习将是下一步需要重点研究和解决的问题。