EC20 GPS模块百度地图

最新推荐文章于 2025-04-21 14:18:33 发布

原创

最新推荐文章于 2025-04-21 14:18:33 发布 · 1.5k 阅读

21 ·

CC 4.0 BY-SA版权

本文介绍如何使用树莓派和EC20模块通过串口获取GPS数据，并实现实时定位显示。通过百度地图API和Python Flask应用实现坐标转换及地图上的车辆图标更新。

就是想显示出来接收器当前的位置，后端是一个树莓派，使用串口和EC20通讯获取GPS数据。

<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
	<style type="text/css">
		body, html,#allmap {width: 100%;height: 100%;overflow: hidden;margin:0;font-family:"微软雅黑";}
	</style>
	<script type="text/javascript" src="//api.map.baidu.com/api?type=webgl&v=1.0&ak=【API_KEY】"></script>
	<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
	<title>地图展示</title>
</head>
<body>
	<div id="allmap"></div>
</body>
</html>
<script type="text/javascript">
	// 百度地图API功能-Init
	var map = new BMapGL.Map("allmap");
	$.getJSON('http://192.168.1.106:8888/gps', function(data){
				var point = new BMapGL.Point(data.longi, data.lati);
				map.centerAndZoo