PHP/JavaScript not reading text file -
i have problem php/javascript have downloaded in example hardware project off internet.
below script, , have file server side gps co-ordinates called "gps.txt". placing 'old' "i'm here" text commands able figure out script not appear opening "gps.txt" files hence why google maps not being updated markers.
really appreciate suggestions guys have.
<!-- load jquery --> <script language="javascript" type="text/javascript" src="jquery-1.10.1.min.js"></script> <!-- load google maps api --> <!-- important: change api v3 key --> <script src="http://maps.googleapis.com/maps/api/js?key=aizasycu0-w2uak0y1rfwvsaqxkms0upbw-cqyk&sensor=false"></script> <!-- initialize map , 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"); (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 , 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>
after discussing through comments found out answer question fix jquery <script ...></script> tag.
Comments
Post a Comment