Latest web development tutorials

Google Maps Evento

Clique em um marcador para aumentar - de ligação no mapa do google eventos.


Clique em um marcador Zoom mapa

Nós ainda usamos mapa de papel utilizando Londres.

Direcione os usuários para alcançar quando o marcador é clicado função de zoom (zoom marcador do mapa é clicado evento de ligação).

Código é a seguinte:

Exemplos

// Zoom to 9 when clicking on marker
google.maps.event.addListener(marker,'click',function() {
map.setZoom(9);
map.setCenter(marker.getPosition());
});

tente »

Use addListener manipulador de eventos () para registrar um ouvinte de evento. O método usa um objeto, um evento para ouvir, quando ocorre um evento específico será chamado.


bandeira de reset

Nós adicionamos um manipulador de eventos para o mapa para alterar a propriedade "centro", use o seguinte código após 3 segundos de eventos center_changed será marcado centro turno:

Exemplos

google.maps.event.addListener(map,'center_changed',function() {
window.setTimeout(function() {
map.panTo(marker.getPosition());
},3000);
});

tente »


Quando o marcador é clicado para abrir a janela de informações.

Clique em um marcador para mostrar algum texto na janela de mensagem:

Exemplos

var infowindow = new google.maps.InfoWindow({
content:"Hello World!"
});

google.maps.event.addListener(marker, 'click', function() {
infowindow.open(map,marker);
});

tente »


Defina as informações de rótulo e tag para cada janela aberta

Implementação de uma janela quando o usuário clica no mapa

Os usuários clicam no mapa para uma função posição indicador de posição () no local designado para colocar um marcador e janela pop-up mensagem:

Exemplos

google.maps.event.addListener(map, 'click', function(event) {
placeMarker(event.latLng);
});

function placeMarker(location) {
var marker = new google.maps.Marker({
position: location,
map: map,
});
var infowindow = new google.maps.InfoWindow({
content: 'Latitude: ' + location.lat() +
'<br>Longitude: ' + location.lng()
});
infowindow.open(map,marker);
}

tente »


Google Maps - Manual de Evento

Google Maps API Manual de Referência .