微信小程序校园地图设计开发范文

摘要：为了方便校内师生的出行，利用百度地图API接口，针对学校的特殊环境和在校使用用户的特点，设计、开发了适用于校园的定位导航系统。合理、有效利用百度地图API的功能，实现了校内地图展示、实时定位、地图搜索以及导航功能，并成功融入到微信小程序中。该微信小程序功能实用，能有效为初次进入校园的新生和外来人员提供便利。

关键词：百度地图API；实时定位；导航；微信小程序；

引言

近年来，国内各大高校快速发展，校园内部的教学楼、宿舍楼、大小食堂、各学院楼和实验楼等地理位置错综复杂，即使在学校工作生活多年的教职工和学生，也未必能清楚了解学校的各个地方，对于刚入学的大一新生或者来访的外来人员更是有许多不便之处[1]。为了更加方便在校师生的学习、生活和工作，研究者针对不同的应用环境研究了不同的校内定位技术，李良、陈筱、郝喆等根据智慧校园环境设计了适用于智慧校园的地图[2-4]，完成了导航、定位等功能和组件的设置，但没有具体实现定位系统。通过阅读大量文献发现，我国校内定位研究领域，存在大量仅设计一种定位系统的研究，仅有一少部分研究开发出了定位系统。出现这些问题的主要原因是开发难，APP难以实现不同终端版本之间的互融。近年来，微信推出的一种基于微信APP的轻量化应用——微信小程序，设计合理、使用成本低，为开发者友好、有效解决了开发难的问题。采用微信小程序开发，学习者不需在移动智能设备上安装多种应用程序，减少了为不同设备、不同操作系统适配的工作量[5]。基于此，本文提出一种基于微信小程序的校内定位系统。该系统可以展示校园地图，根据手持终端的位置实现实时定位，并可搜索校内建筑物，实现了一个操作简单但极具使用性的校内定位系统。

1系统总体设计

本系统以云南师范大学为例，研究了部分在校师生的需求，其中以新生为主要研究对象，根据用户需求提供了校园地图显示、自身实时定位、校内建筑物搜索和路线导航四个功能。

1.1校园地图显示

利用百度地图API接口导入地图，需要获取相应的使用权限和开发权限。百度地图能够较为详细显示校内地图，但一些楼宇没有标识名称，需要在开发过程中为校内建筑物添加更为详细的标识。

1.2自身实时定位

利用用户手持设备可将用于自身位置以一个标识的方式显示在地图上，快速帮助用户辨明当下所在位置；同时，当用户位置发生变化时，地图上的标识符也会实时改变。

1.3校内建筑物搜索

建筑物搜索功能可以快速帮助用户在陌生的校内环境找到目的地，并根据导航功能实现目的地导航。

1.4路线导航

路线导航功能是目前所有地图的一个基本功能，一般的导航功能是根据用户自身所在的位置，指向用户所确定的目的地。

2定位系统的实现

本系统是以云南师范大学为例的校内定位系统，开发过程中主要调用百度地图API精细化呈现校内地图，能够实现校内定位、建筑物查询和校内导航等重要功能，并以微信小程序的形式呈现，方便师生使用。

2.1百度地图

API的实现开发过程中发现，利用微信小程序开发定位调用的是腾讯地图，经过大量对比测试发现，本系统以百度地图定位的精度更精确；因此，采用HTML5技术实现百度地图API的使用，再将其嵌入到微信小程序中。百度地图API可以为开发者免费提供基于百度地图的应用接口，使用时只需申请秘钥、填写相关的开发者信息即可。具体实现代码如下：通过固定位置坐标将地图固定定位在云南师范大学。

2.2系统功能的实现

本系统的核心功能是显示校园地图，并将用户的位置实时定位在地图上。定位过程中主要调用geolocation.getCurrentPosition函数，具体代码如下：显示校园整体地图和用户自身位置后，可以向用户提供校内导航的功能，介于在校内多数用户都以步行的方式出行，本文采用步行的方式为用户导航。利用BMap.WalkingRoute对象的walking.search方法并结合建筑物搜索即可实现出行规划。选定目的地后，本系统可以为用户规划路线，实时通过用户的移动提醒用户行走方向、行走路线等。

3结语

百度地图API已经有较多的应用功能，本文根据实际需求，设计开发了适用于校园的校园地图，实现了通过微信小程序解决新生和外来人员在校内易迷路的问题；但是，用户输入出错时，如何根据用户定位位置进行有效提醒需要进一步研究，这也将是本研究下一步的工作方向。

参考文献

[1]张紫甜,古丽米拉•克孜尔别克.基于GPS定位模块制作高精细校园地图[J].计算机时代,2018(2):55-57.

[2]李良.智慧校园建设中定位识别服务分析系统设计[J].电脑知识与技术,2017,13(30):77-78.

[3]陈筱,刘丽,刘挚.基于实时定位报警系统的校园一卡通问题[J].信息与电脑(理论版),2018(5):117-118.

[4]郝喆,王小军.基于无线定位技术的移动校园智能支持服务研究——以江苏开放大学为例[J].电脑知识与技术,2016,12(36):85-87.

[5]王玉祥.基干微信小程序的移动学习平台环境构建与系统设计开发[D].南京:南京大学,2018:86.

作者：周满满 权朝臣 单位：云南师范大学