У меня проблема с PHP / JavaScript, который я скачал в качестве примера для аппаратного проекта из Интернета.
Ниже приведен сценарий, и у меня есть файловый сервер с GPS-координатами, который называется «gps.txt». Размещая «старые» текстовые команды «я здесь», я смог выяснить, что скрипт не открывает файлы «gps.txt», поэтому карты Google не обновляются маркерами.
Очень ценю любые предложения, которые вы, ребята, имеете.
<!-- Load Jquery -->
<script language="JavaScript" type="text/javascript" src="jquery-1.10.1.min.js"></script>
<!-- Load Google Maps Api -->
<!-- IMPORTANT: change the API v3 key -->
<script src="http://maps.googleapis.com/maps/api/js?key=AIzaSyCU0-w2UAK0Y1rFwVsaQxkMS0upbw-Cqyk&sensor=false"></script>
<!-- Initialize Map and markers -->
<script type="text/javascript">
var myCenter=new google.maps.LatLng(26.707687,-80.054420);
var marker;
var map;
var mapProp;
function initialize()
{
mapProp = {
center:myCenter,
zoom:15,
mapTypeId:google.maps.MapTypeId.ROADMAP
};
setInterval('mark()',5000);
}
function mark()
{
map=new google.maps.Map(document.getElementById("googleMap"),mapProp);
var file = "gps.txt";
$.get(file, function(txt) {
var lines = txt.split("\n");
for (var i=0;i<lines.length;i++){
console.log(lines[i]);
var words=lines[i].split(",");
if ((words[0]!="")&&(words[1]!=""))
{
marker=new google.maps.Marker({
position:new google.maps.LatLng(words[0],words[1]),
});
marker.setMap(map);
map.setCenter(new google.maps.LatLng(words[0],words[1]));s
}
}
marker.setAnimation(google.maps.Animation.BOUNCE);
});
}
google.maps.event.addDomListener(window, 'load', initialize);
</script>
<!-- Draw information table and Google Maps div -->
<div>
<center><br />
<b> SIM908 GPS position DEMO </b><br /><br />
<div id="superior" style="width:800px;border:1px solid">
<table style="width:100%">
<tr>
<td>Time</td>
<td>Satellites</td>
<td>Speed OTG</td>
<td>Course</td>
</tr>
<tr>
<td id="time">2015 Apr 24 - 15:04</td>
<td id="sat"></td>
<td id="speed"></td>
<td id="course"></td>
</tr>
</table>
</div>
<br /><br />
<div id="googleMap" style="width:800px;height:700px;"></div>
</center>
</div></body>
После обсуждения комментариев мы выяснили, что ответом на этот вопрос было исправление jQuery. <script ...></script>
тег.
Других решений пока нет …