Ir para conteúdo
Fórum Script Brasil
  • 0

app do Google Maps


Luiz Antonio

Pergunta

Ola pessoal, tudo bem?

Preciso muito de uma ajuda, estou criando um site de rede social e preciso de um recurso semelhante do site Troca Jogo, onde aparece um mapa do google com alguns icones informando os usuarios que estão mais proximos de você, existe até uma busca avançada que aparece os usuarios em um raio de 100km ... enfim alguém sabe qual app é esse ou como criar este mapa desta forma? Segue o exemplo do mapa:

http://trocajogo.uol.com.br/games/ps3/la-noire

Obrigado pessoal.

Abs!

Link para o comentário
Compartilhar em outros sites

2 respostass a esta questão

Posts Recomendados

  • 0
Qual a sua dúvida?

Um abraço.

Ola amigo, tudo legal?

Estou tentando trabalhar com esse app:

http://gmaps-samples-v3.googlecode.com/svn...le-markers.html

Neste codigo abaixo, consigo colocar uma localização, gostaria de saber como faço para neste script adicionar a localização de varios usuarios com icones personalizados e link em cada usuario para ser clicado e ir para a pagina de perfil:

<script type="text/javascript">

var geocoder = new google.maps.Geocoder();

function geocodePosition(pos) {

geocoder.geocode({

latLng: pos

}, function(responses) {

if (responses && responses.length > 0) {

updateMarkerAddress(responses[0].formatted_address);

} else {

updateMarkerAddress('Cannot determine address at this location.');

}

});

}

function updateMarkerStatus(str) {

document.getElementById('markerStatus').innerHTML = str;

}

function updateMarkerPosition(latLng) {

document.getElementById('info').innerHTML = [

latLng.lat(),

latLng.lng()

].join(', ');

}

function updateMarkerAddress(str) {

document.getElementById('address').innerHTML = str;

}

function initialize() {

var latLng = new google.maps.LatLng(-34.397, 150.644);

var map = new google.maps.Map(document.getElementById('mapCanvas'), {

zoom: 8,

center: latLng,

mapTypeId: google.maps.MapTypeId.ROADMAP

});

var marker = new google.maps.Marker({

position: latLng,

title: 'Point A',

map: map,

draggable: true

});

// Update current position info.

updateMarkerPosition(latLng);

geocodePosition(latLng);

// Add dragging event listeners.

google.maps.event.addListener(marker, 'dragstart', function() {

updateMarkerAddress('Dragging...');

});

google.maps.event.addListener(marker, 'drag', function() {

updateMarkerStatus('Dragging...');

updateMarkerPosition(marker.getPosition());

});

google.maps.event.addListener(marker, 'dragend', function() {

updateMarkerStatus('Drag ended');

geocodePosition(marker.getPosition());

});

}

// Onload handler to fire off the app.

google.maps.event.addDomListener(window, 'load', initialize);

</script>

Pode me ajudar?

Obrigado!

Link para o comentário
Compartilhar em outros sites

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152,3k
    • Posts
      652,5k
×
×
  • Criar Novo...