没有GPS也想定位,试试JavaScript轻应用的基站定位

简介: 本篇我们将基于HaaS 600Kit开发板,以及阿里云开发工具IoT-Studio来搭建一个简单的定位功能,说到设备定位,同学们可能都会想到GPS定位,其实除了像GPS这种卫星定位之外,我们身边的设备如:智能手机、智能手表、穿戴设备等能联网的设备都可以用来定位,通过连接运营商(电信、联通、移动)基站来定位的方式称之为基站定位,或者又称之为移动位置服务(LBS--Location Based Service)。

1、前言

本篇我们将基于HaaS 600Kit开发板,以及阿里云开发工具IoT-Studio来搭建一个简单的定位功能,说到设备定位,同学们可能都会想到GPS定位,其实除了像GPS这种卫星定位之外,我们身边的设备如:智能手机、智能手表、穿戴设备等能联网的设备都可以用来定位,通过连接运营商(电信、联通、移动)基站来定位的方式称之为基站定位,或者又称之为移动位置服务(LBS--Location Based Service)。


基站定位的原理是设备依靠跟运营商基站的连接信息来计算出设备相对基站的位置,而基站的位置是固定的,所以设备的位置也会相应的计算出来;

image.png

2、实战目标

使用HaaS600Kit开发板,不依赖于板载的GNSS模块,使用联网信息获取设备经纬度并在地图上展现出来。


目标拆分


获取设备联网信息

上报设备联网信息到物联网平台,获取设备经纬度

使用IoT-Studio添加地图组件,在地图上展示设备位置及其他信息


3、准备工作

硬件


HaaS600Kit开发套件

sim卡一张

软件


轻应用命令行工具

设备端JavaScript应用代码


4、实战操作

4.1、设备bringup

不熟悉HaaS600Kit开发套件的同学请阅读该文章HaaS600Kit

熟悉HaaS600Kit开发套件的同学请直接到step2


4.2、物联网平台创建产品及设备

登录阿里云物联网平台创建产品

image.png

  • 创建产品模型
  • image.png
  • image.png


此处需要添加两个功能,一个是自定义功能,用来接收设备上报的网络信息,一个是标准功能,用来放经纬度信息。

自定义功能:LocationInfo


image.png

输出参数 cdma bts nearbts数据类型都是text

标准功能:   GeoLocation

image.png

产品模型创建完成需要发布上线才能生效。

image.png

产品模型创建完成之后,需要添加设备,如下图所示

image.png

点击添加设备,device_name可以随便定义,不写的话系统随机生成。

image.png

设备创建成功,如下图所示

image.png

此时我们需要保存该设备的秘钥,留待后续使用

image.png

4.3、设备运行,获取位置

  • 将示例代码推送到设备端,需要将代码中的设备三元组替换成上一步中创建的设备三元组(productKey,deviceName,deviceSecret).
  • 设备运行,从云端查看设备属性,发现已获取到经纬度信息

image.png

4.4、IoT-Studio项目创建

  • 创建组态服务项目

image.png

image.png

image.png

image.png

找到地图组件后拖入工作区

image.png

image.png

因为我们没有创建过地图场景,所以选择场景中是空的,需要我们在二维数据可视化中创建场景。

 

4.5、地图场景创建

在创建场景的时候,我们的控制台会自动跳转到阿里云IoT空间数据可视化平台,如图所示

image.png

我们选择二维数据可视化,然后点击创建场景即可。

在创建场景的时候,这边非常友好的提供了两种数据来源,我们这边选择数据来源于物联网平台。

 image.png

image.png

创建完成之后,可以看到在地图上已经展示出了设备的具体位置,还可以基于设备的位置增加一个附加功能,例如:周界报警、地理围栏、历史轨迹、热力图等等,还可以选择地图主题跟3D模型。

image.png

此时在IoT-Studio场景中就出现了轻应用实战之基站定位,添加即可。

整体预览

image.png

5、总结

本实战涉及知识较多,涉及到设备到云端的全链路能力以及地图能力。

  • 获取设备联网信息
  • 将设备联网信息发送到物联网平台对应的物模型下面
  • 创建标准物模型地理位置
  • 在IoT-Studio创建地图场景

 

相关实践学习
钉钉群中如何接收IoT温控器数据告警通知
本实验主要介绍如何将温控器设备以MQTT协议接入IoT物联网平台,通过云产品流转到函数计算FC,调用钉钉群机器人API,实时推送温湿度消息到钉钉群。
阿里云AIoT物联网开发实战
本课程将由物联网专家带你熟悉阿里云AIoT物联网领域全套云产品,7天轻松搭建基于Arduino的端到端物联网场景应用。 开始学习前,请先开通下方两个云产品,让学习更流畅: IoT物联网平台:https://iot.console.aliyun.com/ LinkWAN物联网络管理平台:https://linkwan.console.aliyun.com/service-open
相关文章
|
2月前
|
前端开发 机器人 API
前端大模型入门(一):用 js+langchain 构建基于 LLM 的应用
本文介绍了大语言模型(LLM)的HTTP API流式调用机制及其在前端的实现方法。通过流式调用,服务器可以逐步发送生成的文本内容,前端则实时处理并展示这些数据块,从而提升用户体验和实时性。文章详细讲解了如何使用`fetch`发起流式请求、处理响应流数据、逐步更新界面、处理中断和错误,以及优化用户交互。流式调用特别适用于聊天机器人、搜索建议等应用场景,能够显著减少用户的等待时间,增强交互性。
645 2
|
1月前
|
监控 JavaScript 算法
如何使用内存监控工具来定位和解决Node.js应用中的性能问题?
总之,利用内存监控工具结合代码分析和业务理解,能够逐步定位和解决 Node.js 应用中的性能问题,提高应用的运行效率和稳定性。需要耐心和细致地进行排查和优化,不断提升应用的性能表现。
181 77
|
1月前
|
存储 缓存 JavaScript
如何优化Node.js应用的内存使用以提高性能?
通过以上多种方法的综合运用,可以有效地优化 Node.js 应用的内存使用,提高性能,提升用户体验。同时,不断关注内存管理的最新技术和最佳实践,持续改进应用的性能表现。
126 62
|
1月前
|
存储 缓存 监控
如何使用内存监控工具来优化 Node.js 应用的性能
需要注意的是,不同的内存监控工具可能具有不同的功能和特点,在使用时需要根据具体工具的要求和操作指南进行正确使用和分析。
71 31
|
1月前
|
JavaScript 前端开发 API
深入理解Node.js事件循环及其在后端开发中的应用
本文旨在揭示Node.js的核心特性之一——事件循环,并探讨其对后端开发实践的深远影响。通过剖析事件循环的工作原理和关键组件,我们不仅能够更好地理解Node.js的非阻塞I/O模型,还能学会如何优化我们的后端应用以提高性能和响应能力。文章将结合实例分析事件循环在处理大量并发请求时的优势,以及如何避免常见的编程陷阱,从而为读者提供从理论到实践的全面指导。
|
1月前
|
JavaScript
如何使用内存快照分析工具来分析Node.js应用的内存问题?
需要注意的是,不同的内存快照分析工具可能具有不同的功能和操作方式,在使用时需要根据具体工具的说明和特点进行灵活运用。
45 3
|
1月前
|
JavaScript 前端开发 安全
JavaScript与TypeScript的对比,分析了两者的特性及在实际项目中的应用选择
本文深入探讨了JavaScript与TypeScript的对比,分析了两者的特性及在实际项目中的应用选择。JavaScript以其灵活性和广泛的生态支持著称,而TypeScript通过引入静态类型系统,提高了代码的可靠性和可维护性,特别适合大型项目。文章还讨论了结合使用两种语言的优势,以及如何根据项目需求和技术背景做出最佳选择。
59 4
|
1月前
|
机器学习/深度学习 人工智能 JavaScript
JavaScript和TypeScript的未来发展趋势及其在Web开发中的应用前景
本文探讨了JavaScript和TypeScript的未来发展趋势及其在Web开发中的应用前景。JavaScript将注重性能优化、跨平台开发、AI融合及WebAssembly整合;TypeScript则强调与框架整合、强类型检查、前端工程化及WebAssembly的深度结合。两者结合发展,特别是在Vue 3.0中完全采用TypeScript编写,预示着未来的Web开发将更加高效、可靠。
49 4
|
1月前
|
缓存 JavaScript 前端开发
JavaScript 与 DOM 交互的基础及进阶技巧,涵盖 DOM 获取、修改、创建、删除元素的方法,事件处理,性能优化及与其他前端技术的结合,助你构建动态交互的网页应用
本文深入讲解了 JavaScript 与 DOM 交互的基础及进阶技巧,涵盖 DOM 获取、修改、创建、删除元素的方法,事件处理,性能优化及与其他前端技术的结合,助你构建动态交互的网页应用。
50 5
|
1月前
|
前端开发 JavaScript 关系型数据库
基于 Vue2.0 + Nest.js 全栈开发的后台应用
Vue2 Admin 是一个基于 Vue2 和 Ant Design Pro 开发的前端项目,配合 Nest.js 构建的后端,提供了一个完整的全栈后台应用解决方案。该项目支持动态国际化、用户权限管理、操作日志记录等功能,适合全栈开发者学习参考。线上预览地址:https://vue2.baiwumm.com/,用户名:Admin,密码:abc123456。