《微信小程序开发案例教程》教案 第16课 媒体API与位置API（二）.docx

PAGE4

PAGE4

PAGE3

PAGE3

PAGE

PAGE4

PAGE

PAGE3

PAGE

PAGE1

课题

媒体API与位置API（二）

课时

2课时（90min）

教学目标

知识技能目标：

（1）掌握获取位置、查看位置的相关知识

（2）熟悉选择位置API的相关知识

素质目标：

加强练习，在实践中提高专业技能和职业素养

教学重难点

教学重点：使用位置API获取和查看位置，以及选择附近位置

教学难点：能够使用地图上下文对象操作地图

教学方法

案例分析法、问答法、讨论法、讲授法

教学用具

电脑、投影仪、多媒体课件、教材

教学设计

第1节课：?课前任务→考勤（2min）→问题导入（5min）→传授新知（38min）

第2节课：问题导入（5min）→任务实施（35min）→课堂小结（3min）→作业布置（2min）

教学过程

主要教学内容及步骤

设计意图

第一节课

课前任务

【教师】布置课前任务，和学生负责人取得联系，让其提醒同学通过APP或其他学习软件完成课前任务

请大家从如何在位置API中获取位置、查看位置、选择位置等常用API的相关知识和使用位置API获取和查看位置，以及选择附近位置进行了解。

【学生】完成课前任务

通过课前任务，使学生了解所学课程的重要性，增加学生的学习兴趣

考勤

（2min）

【教师】使用APP进行签到

【学生】班干部报请假人员及原因

培养学生的组织纪律性，掌握学生的出勤情况

问题导入

（5min）

【教师】创设情景，并组织以小组为单位讨论下列问题：

腾讯位置服务为微信小程序提供了基础的标点能力、线和圆的绘制接口等地图组件和位置展示、地图选点等地图API位置服务能力支持，使得开发者可以自由地实现自己的微信小程序产品。在此基础上，腾讯位置服务微信小程序JavaScriptSDK是专为小程序开发者提供的LBS数据服务工具包，可以在小程序中调用腾讯位置服务的POI检索、关键词输入提示、地址解析、逆地址解析、行政区划和距离计算等数据服务，让您的小程序更强大！

（1）微信小程序的位置权限应该怎样打开？

（2）微信小程序怎样进行API位置标记？

【学生】聆听、思考、讨论、小组代表上台回答问题

【教师】总结学生的回答引入要讲的知识，板书“位置API”

通过问题导入的方法，引导学生主动思考，激发学生的学习兴趣

传授新知

（38min）

【教师】通过学生的发言，引入新的知识，讲解获取位置、查看位置、选择位置等常用API的相关知识

一、获取位置

微信小程序使用wx.getLocationAPI获取用户当前的地理位置和移动速度，该API传入一个object类型的参数。

属性

类型

必填

说明

type

string

否

可选值有wgs84（默认，返回GPS坐标）和gcj02（返回国测局坐标，可用于wx.openLocationAPI）

altitude

boolean

否

是否返回高度信息（由于获取高度需要较高精确度，会降低API返回速度），默认为false

wx.getLocationAPI参数支持的常用属性

其中，success回调函数的返回参数包含的属性有longitude（经度）、latitude（纬度）、speed（移动速度）、accuracy（位置的精确度）等。

?【教师】组织学生尝试wx.getLocationAPI的应用

?【学生】思考、讨论、请小组代表上台演示

?【教师】总结学生的表现

二、查看位置

微信小程序使用wx.openLocationAPI在新页面打开微信内置地图查看位置，该API传入一个object类型的参数。

属性

类型

必填

说明

longitude

number

是

经度，取值范围为?180～180，负数表示西经，使用国测局坐标系

latitude

number

是

纬度，取值范围为?90～90，负数表示南纬，使用国测局坐标系

scale

number

否

缩放比例，取值范围为5～18，默认为18

name

string

否

位置名称

address

string

否

详细地址

wx.openLocationAPI参数支持的属性

?【教师】组织学生尝试wx.openLocationAPI的应用

?【学生】思考、讨论、请小组代表上台演示

?【教师】总结学生的表现

三、选择位置

微信小程序使用wx.chooseLocationAPI在新页面打开微信内置地图，用户可以在地图中选择附近的位置。wx.chooseLocationAPI传入一个object类型的参数，参数除支持success、fail和complete3个回调函数外，还支持longit