Echter loop ik even tegen één probleem aan, en dat is de beginwaarde, die ik voor het gemak nu even op 52.1238433333,5.18094166667 heb gezet.
Is het ook mogelijk om meteen de waarde uit de JSON-string waarde te gebruiken, in plaats van eerst 5000 ms. deze vaste lat/lon coördinaten te zien? Kan dit in JavaScript, of zou ik deze alleen maar via PHP eerst op moeten halen en als var moeten declareren?
Graag jullie advies!
<script>
function init_map() {
var myLatLng = new google.maps.LatLng(52.1238433333,5.18094166667);
var mapOptions = {
zoom: 8,
center: myLatLng,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
// Marker plaatsen in het midden, daarna wordt hij verplaatst naar juiste plek.
map = new google.maps.Map(document.getElementById('map_canvas'), mapOptions);
marker = new google.maps.Marker({
position: myLatLng,
map: map,
draggable: false
});
}
google.maps.event.addDomListener(window, 'load', init_map);
function getCoords() {
$(document).ready(function(){
$.ajax({
url: "api.php",
type: "GET",
data: {
action : "vehiclenumber",
number : '1234'
},
dataType: "text",
success: function(returnedData) {
var jsondata = jQuery.parseJSON(returnedData);
//console.log(returnedData);
var coords = jsondata.Latitude+','+jsondata.Longitude;
console.log(coords);
//console.log('Lat: '+jsondata.Latitude);
var coordsArray = coords.split(",");
moveMarkerMap(coordsArray[0], coordsArray[1]);
}
});
});
}
function moveMarkerMap(lat,lon) {
var newLatLang = new google.maps.LatLng(lat,lon);
map.panTo(newLatLang);
marker.setPosition(newLatLang);
}
setInterval(getCoords, 5000);
</script>
