本场 Chat 将围绕近年火爆的网红运动马拉松比赛场景,通过 IoT 物联网技术,你可以在微信小程序中实时追踪好友的马拉松全程轨迹;通过电子围栏技术划定终点范围,当好友跑入终点区域,立即通知你去拍照留念。

一、准备工作

1.1 硬件设备

本次开发实战课程我们使用Java程序模拟设备上报 GPS 坐标。通过好友手机 App 也可以获取 GPS 信息,大家可以在结尾 GitHub 项目地址获取完整代码示例。

1.2 开发语言

本次实战物联网开发部分以 Java 语言为主;微信小程序为 JavaScript 语言。

Java

JavaScript

1.3 云资源

本次 IoT 物联网开发实战涉及以下云资源的开通和使用:

其中 IoT 物联网开发部分细节可以参考: IoT 物联网开发实战 Chat。

二、技术架构

硬件设备由 GPS 模块、GPRS 通信模块、主控 MCU、锂电池组成。主控 MCU 每隔3分钟上报一次 GPS 经纬度信息;通过 IoT 物联网平台实时上传到云端;在云上我们把数据流转到函数计算中简单处理;然后存储到时空数据库 TSDB 里;通过函数计算对外暴露数据 API 服务;最后我们在微信小程序里实时展示好友的马拉松轨迹。

本次开发实战课程整体技术架构如下:

三、IoT 物联网平台

在 IoT 物联网平台,我们场景一个高级版产品轨迹追踪,并在功能定义部分添加两个属性(经度 longitude,维度 latitude)。

地图围栏 小程序_IoT:GPS 和地理围栏实现微信小程序中马拉松全程追踪实战相关推荐

  1. java 地理围栏实现_基于OpenLayers实现地理围栏 谷歌百度高德地图都可以

    前言.因为项目有点特殊,需要接入谷歌地图实现地理围栏,因为谷歌地图的地理围栏接口相关接口并不完善,于是就换了一个思路,利用OpenLayers来实现地理围栏 openlayers 中文地址 http: ...

  2. 微信小程序使用百度api获取天气信息 —— 微信小程序教程系列(16)

    之前已经介绍过,如何使用百度地图api来获取地理位置信息 微信小程序的百度地图获取地理位置 -- 微信小程序教程系列(15) 下面介绍使用百度api来获取天气信息. 1> 第一步:先到百度开放平 ...

  3. 微信小程序之仿淘宝分类入口 —— 微信小程序实战商城系列(2)

    分类入口,已经成为了商城项目必须的布局之一,这里以仿照淘宝的分类入口来做案例 下图红框部分,就是本文重点讲解部分,另外本文并没有写点击某个入口跳转页面. 如需学习页面跳转的同学,可以参考此文 微信小程 ...

  4. 微信小程序python解析获取用户手机号_微信小程序获取用户手机号

    获取微信用户绑定的手机号,需先调用wx.login接口. 小程序获取code. 后台得到session_key,openid. 组件触发getPhoneNumber 因为需要用户主动触发才能发起获取手 ...

  5. 21小时精通微信小程序开发(仿猫眼电影App、微信小程序问答)

    21小时精通微信小程序开发(仿猫眼电影App.微信小程序问答) 网盘地址:https://pan.baidu.com/s/1GTpPX4A1U-w_3i6k7lLztQ 密码: 5pcz 备用地址(腾 ...

  6. 微信小程序标题栏和导航栏的设置 —— 微信小程序教程系列(7)

    设置标题栏 标题栏window 在app.json文件里面,通过window对象里面的属性进行设置 示例: app.json: 运行: 设置导航栏 导航栏TabBar 如果我们的小程序是一个多 tab ...

  7. python操作微信小程序云端数据库_微信小程序·云开发云数据库的基本使用-微信小程序云开发实例-腾讯云微信小程序...

    微信小程序·云开发云数据库的基本使用-微信小程序云开发实例-腾讯云微信小程序 浏览量:1120 时间:2020-04-06

  8. php微信小程序多图上传,tp5实现微信小程序多图片上传到服务器功能

    最近在做一个教育类的小商城的微信小程序,用到了上传多个图片文件到服务器端,这里做一个讲解,希望对大家有所帮助. 1,小程序端: 在wxml文件中: 删除 点击上传作业 在js文件中: Page({ / ...

  9. 小程序源码:宝宝起名神器微信小程序源码下载-多玩法安装简单

    这款小程序支持输入姓氏自动起名,不满意还可以点击换一换来找到满意的 支持起两个字或者三个字的名字 另外小编也给该款小程序添加了几个流量给大家 下面就来看看小编的测试演示图吧! 小程序源码下载地址:小程 ...

最新文章

  1. 教育培训机构用管理系统能做什么?
  2. objective-c 多媒体 音乐播放
  3. 用设计模式去掉没必要的状态变量 —— 状态模式
  4. SAP ABAP SICF事务码和SAP Hybris的链式过滤器filter chain
  5. 在nodejs环境里使用浏览器环境下的document对象
  6. 数据结构-队列之顺序队列
  7. Android插件化开发基础之App如何动态加载类
  8. E:Johnny and Grandmaster
  9. div css 圆角样式
  10. 董事长亲自“翻墙偷拍”后,身价暴涨3000万
  11. 24小时BTC全网合约成交数据显示:多头占优
  12. iOS duplicate symbols for architecture x86_64 问题全面解析
  13. Rosalind工具库:使用EMBOSS处理生物数据
  14. sas+eg连接mysql_SAS EG 连接 SQL Server 2017数据库
  15. 视频教程-OCJP认证考试复习课-其他
  16. 商城系统源码开发技巧分享
  17. mybatis报错:Error evaluating expression
  18. 主流压缩软件压缩率实测(图文详解,揭秘你不知道的)
  19. 在线支付系列【4】支付安全之数字签名
  20. 犹太富翁是怎样培养小富翁的?(永远的经典)

热门文章

  1. SQL server 2008R2安装错误:试图执行未经授权的操作
  2. python tornado部署_tornado 部署
  3. 临期食品,是否只是个“过期“市场?
  4. 第二十六讲项目1-投票表决器
  5. linux只复制文件夹下所有文件
  6. stm32f103和107区别
  7. python 字符串赋值操作_python字符串操作
  8. 在EmberZNet中创建自定义CLI命令
  9. 国产的开源数据库——GitHub 热点速览 Vol.52
  10. 曼彻斯特编码与差分曼彻斯编码的区别