Refresh com Ajax
Boa tarde galera, sou bem novo nessa área de programação e to com uma duvida meio complicada.
Eu estou usando um script de um mapa chamado SanMap, que serve pra mostrar a posição dos jogadores que estão logados no jogo diretamente no mapa, no navegador.
Eu consegui fazer com que mostre certinho, porém o que não estou conseguindo é dar um refresh automatico a cada segundo nas posições dos jogadores sem ter que recarregar a página. Eu ja usei várias funções em ajax que dão refresh em div porém nada que tentei funcionou nesse mapa, por isso queria saber se alguém sabe como resolver isso.
Mapa:
<!DOCTYPE HTML>
<html>
<head>
<title>SanMap</title>
<!-- Disallow users to scale this page -->
<meta name="viewport" content="initial-scale=1.0, user-scalable=no"/>
<style type="text/css">
/* Allow the canvas to use the full height and have no margins */
html, body, #map-canvas {
height: 100%;
margin: 0
}
</style>
</head>
<body><!-- The container the map is rendered in -->
<div id="map-canvas"></div>
<!-- Load all javascript -->
<script src="http://maps.google.com/maps/api/js?sensor=false"></script>
<script src="js/SanMap.min.js"></script>
<script>
/*
* Define the map types we will be using.
*
* SanMapType parameters: minZoom, maxZoom, getTileUrlFunction, [optional]tileSize.
*
* The default value for tileSize is 512.
*/
var mapType = new SanMapType(0, 2, function (zoom, x, y) {
return x == -1 && y == -1
? "tiles/map.outer.png"
: "tiles/map." + zoom + "." + x + "." + y + ".png";//Where the tiles are located
});
var satType = new SanMapType(0, 3, function (zoom, x, y) {
return x == -1 && y == -1
? null
: "tiles/sat." + zoom + "." + x + "." + y + ".png";//Where the tiles are located
});
/*
* Create the map.
*
* createMap parameters: canvas, mapTypes, [optional]defaultZoomLevel,
* [optional]defaultLocation, [optional]allowRepeating, [optional]defaultMapType.
*
* The default value for defaultZoomLevel is 2.
* The default value for defaultLocation is null.
* The default value for allowRepeating is false.
* The default value for defaultMapType is the first key in mapTypes.
*/
var map = SanMap.createMap(document.getElementById('map-canvas'),
{'Map': mapType, 'Satellite': satType}, 2, null, false, 'Satellite');
/*
*
* The above code contain methods SanMap provide
* From here on forth we only use methods provided by the Google API
*
*/
/* Create a basic marker near the Pershing Square bank.
* When you click on this marker, a info window is shown.
*/
var bankInfoWindow = new google.maps.InfoWindow({
content: '<h3>Usuario</h3><p><b>Este é um Usuario</b>, seu nome é Rodrigo.</p>'
});
var bankMarker = new google.maps.Marker({
position: SanMap.getLatLngFromPos(1500, -1590),
map: map
});
google.maps.event.addListener(bankMarker, 'click', function() {
map.setCenter(bankMarker.position);
bankInfoWindow.open(map,bankMarker);
});
//Uncomment to show an alert with the position when you click on the map
google.maps.event.addListener(map, 'click', function(event) {
var pos = SanMap.getPosFromLatLng(event.latLng);
alert(pos.x + "," + pos.y);
});
</script>
</body>Retirei o mapa desse projeto: http://sanmap.ikkentim.com/
Discussão (0)
Carregando comentários...