Mam aktualnie w kodzie pobieranie danych z pliku json przez $.getjson co 3 sekundy. Niby pobiera ale np. gdy zmienię ręcznie w pliku json dane to dalej mam pobieranie tych samych starych wartości.
<html>
<head>
<meta charset="utf-8">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<style>
html,
body,
#map {
height: 100%;
margin: 0px;
padding: 0px
}
</style>
<script src="https://maps.google.com/maps/api/js?v=3.exp" type="text/javascript"></script>
</head>
<body>
<div id="map"></div>
<script type="text/javascript">
var map = new google.maps.Map(document.getElementById('map'), {
zoom: 3,
center: new google.maps.LatLng(0, 0),
mapTypeId: google.maps.MapTypeId.ROADMAP
});
var infowindow = new google.maps.InfoWindow();
var marker, i;
var markers = [];
loadmarkers();
setInterval(function() {
loadmarkers()
}, 3000);
function setAllMap(map) {
for (var i = 0; i < markers.length; i++) {
markers[i].setMap(map);
}
}
function loadmarkers() {
//makrery
$.getJSON('https://test2-olszam.c9users.io/nowy/loc.json', function(data) {
var locations;
locations = [
['śledź', data.latitude, data.longitude, 1]
];
setAllMap(null);
for (i = 0; i < locations.length; i++) {
marker = new google.maps.Marker({
position: new google.maps.LatLng(locations[i][1], locations[i][2]),
map: map
});
markers.push(marker);
google.maps.event.addListener(marker, 'mouseover', (function(marker, i) {
return function() {
infowindow.setContent(locations[i][0]);
infowindow.open(map, marker);
}
})(marker, i));
}
});
}
</script>
</body>
</html>
plik json
{"latitude":55.143296,"longitude":23.4346139}
jak dam pełne odświeżenie to wtedy idzie tylko że w przeglądarce mobilnej to muszę czyścić ciacha więc trochę nie za bardzo mi to pasuje

głównie mi chodzi o to by na bieżąco co 3 sekundy pobierało świeże dane z pliku json.
sry za styl kodu nie mam w zwyczaju porządkować go.