Cómo usar Jquery dentro de Google maps InfoWindow?

Quiero mostrar los efectos de jQuery (mostrar y ocultar divs) dentro de Google Maps InfoWindow, ¿cómo puedo hacer esto?Cómo usar Jquery dentro de Google maps InfoWindow?

Fuente

2011-05-20 Adham

Su pregunta carece de mucha información. ¿Ya lo has probado? Puedes poner HTML dentro de InfoWindow; Entonces, ¿qué sucede cuando pones un DIV dentro de la ventana e intentas manipularlo con jQuery? – Sparky

sí, eso es lo que realmente hice, pero Jquery no afecta nada, mientras que hice lo mismo para el div pero fuera de InfoWindow y funcionó bien – Adham

Aunque todavía no lo he probado, este ->http://code.google.com/p/jquery-ui-map/ plugin debería proporcionar la funcionalidad que está buscando.

Espero que ayude! Diviértete :)

Fuente

2011-05-20 17:37:38 Maverick

gracias, pero lo que estoy buscando es usar jquery dentro de Infowindow:) – Adham

InfoWindow puede tomar un DOM-object como contenido. Por lo tanto crear uno, y luego obtener el jQuery referencia a ella, como esto:

var layer = document.createElement("div"); 
layer.innerText="Click to hide!"; 
$(layer).click(function(){ $(layer).hide('slow'); }); 

infoWindow.setContent(layer); //something like this

Fuente

2011-11-13 20:10:32 cederlof

utilizo este:

var marker = new google.maps.Marker({...}) 

//Create infowindow 
var infowindow = new google.maps.InfoWindow({ 
    content: "Some content" 
}); 

//Link infowindow to marker in map 
infowindow.open(map,marker); 

//Add a listener 
google.maps.event.addListener(infowindow, 'domready', function() { 
    $('.gira').change(function(){alert('a')}) 
})

De API Ref: Este evento se activa cuando el contenido de la ventana de información que contiene es adjunto al DOM

Fuente

2014-06-11 12:13:53 Tekbreak

Cómo usar Jquery dentro de Google maps InfoWindow?

Respuesta

Cuestiones relacionadas