老师，想问一个课程之外的问题（GPS地图显示问题）

首页课程实战体系课手记专栏慕课教程

来源：1-1 课程简介

慕仰5120631

2021-05-05 18:32:08

我有一个GPS，现在是每1s保存经纬度到本机的.txt文件中。我想在百度地图（网页）上能实时将最新获取的经纬度坐标定位。现在有两个问题，想请教一下~不知能否回答^_^

问题描述：

有什么方法能周期性的渲染叠加在地图上的坐标点（也就是说我获取一个GPS坐标，就重新渲染一次地图上的点）
有什么方法能使用javascript来获取本地.txt文件中最新的经纬度数据

我目前的代码

相关代码：

//.JS
var map = new BMapGL.Map('container');
var point = new BMapGL.Point(120.369036,30.327401);
map.centerAndZoom(point, 18);
map.enableScrollWheelZoom();

var myIcon = new BMapGL.Icon("./car.png", new BMapGL.Size(29, 29));  // 创建小车图标

// 创建Marker标注，使用小车图标
var pt = new BMapGL.Point(120.369036,30.327401);
var marker = new BMapGL.Marker(pt, {
    icon: myIcon
});
相关截图：
map.addOverlay(marker); // 将标注添加到地图

相关代码：

<!-- .html5 -->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
    <title>Document</title>
    <!-- 网页样式 -->
    <style type="text/css">  
        html{height:100%}    
        body{height:100%;margin:0px;padding:0px}    
        #container{height:100%}    
    </style> 


</head>



<body>


    <!-- 地图盒子 -->
    <div id="container"></div> 

    <!-- 引入js文件 -->
    <script type="text/javascript" src="https://api.map.baidu.com/api?v=1.0&&type=webgl&ak=gmsofMHA9Ge1kZ4IDy03ZyT9Gl9qC3Tm"></script>
    <script src="./demo01.js"></script>
</body>
</html>