Jump to content
Fórum Script Brasil
  • 0

app do Google Maps


Luiz Antonio

Question

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 to comment
Share on other sites

2 answers to this question

Recommended Posts

  • 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 to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.



  • Forum Statistics

    • Total Topics
      152.2k
    • Total Posts
      652k
×
×
  • Create New...