Boa noite,
Estou a desenvolver uma aplicação onde de x e x tempo tenho de efectuar refresh a um Google Maps, para incluir novas coordenadas GPS que em tempo real estão a ser introduzidas numa BD MySQL.
A dificuldade, está em incluir o código retornado por uma função AJAX, no código HTML aquando do refresh da página.
Tenho o seguinte código neste momento:
Código :
Alguém que já tenha sentido as mesmas dificuldades?
Abraço
Estou a desenvolver uma aplicação onde de x e x tempo tenho de efectuar refresh a um Google Maps, para incluir novas coordenadas GPS que em tempo real estão a ser introduzidas numa BD MySQL.
A dificuldade, está em incluir o código retornado por uma função AJAX, no código HTML aquando do refresh da página.
Tenho o seguinte código neste momento:
Código :
<script>
function initialize_points(){
var map_canvas = document.getElementById('map_canvas1');
var center= new google.maps.LatLng(40.1197,-8.84718);
var myOptions = {
zoom: 11,
center: center,
mapTypeControl: true,
mapTypeControlOptions: {style: google.maps.MapTypeControlStyle.DROPDOWN_MENU},
navigationControl: true,
mapTypeId: google.maps.MapTypeId.ROADMAP
}
var map = new google.maps.Map(map_canvas, myOptions);
function testAjax() {
var result="";
$.ajax({ url: 'MapsGetPoints.jsp',
type: 'get',
async: false,
success: function(output) {
result = output;
}
});
return result;
}
var polylineCoordinates = [testAjax()]; // Aqui está o Problema!!!!
//document.write(polylineCoordinates) //Mostra no ecrã os valores correctos, pelo que a ligação e retorno com a JSP MapsGetPoints está correcta! Mas o pretendido é mostrar as coordenadas no mapa
var polyline = new google.maps.Polyline({
path: polylineCoordinates,
strokeColor: '#FF0000',
strokeOpacity: 1.0,
strokeWeight: 1,
editable: true
});
polyline.setMap(map);
}
google.maps.visualRefresh = true;
google.maps.event.addDomListener(window, 'load', initialize_points);
setInterval(function(){initialize_points();}, 10000);
</script>
<div id="map_canvas1"></div>
function initialize_points(){
var map_canvas = document.getElementById('map_canvas1');
var center= new google.maps.LatLng(40.1197,-8.84718);
var myOptions = {
zoom: 11,
center: center,
mapTypeControl: true,
mapTypeControlOptions: {style: google.maps.MapTypeControlStyle.DROPDOWN_MENU},
navigationControl: true,
mapTypeId: google.maps.MapTypeId.ROADMAP
}
var map = new google.maps.Map(map_canvas, myOptions);
function testAjax() {
var result="";
$.ajax({ url: 'MapsGetPoints.jsp',
type: 'get',
async: false,
success: function(output) {
result = output;
}
});
return result;
}
var polylineCoordinates = [testAjax()]; // Aqui está o Problema!!!!
//document.write(polylineCoordinates) //Mostra no ecrã os valores correctos, pelo que a ligação e retorno com a JSP MapsGetPoints está correcta! Mas o pretendido é mostrar as coordenadas no mapa
var polyline = new google.maps.Polyline({
path: polylineCoordinates,
strokeColor: '#FF0000',
strokeOpacity: 1.0,
strokeWeight: 1,
editable: true
});
polyline.setMap(map);
}
google.maps.visualRefresh = true;
google.maps.event.addDomListener(window, 'load', initialize_points);
setInterval(function(){initialize_points();}, 10000);
</script>
<div id="map_canvas1"></div>
Alguém que já tenha sentido as mesmas dificuldades?
Abraço