Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Suspeito

Refresh com Ajax

Por , em Javascript

Recommended Posts

Suspeito    0

Suspeito
Postado

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/

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito