Buenos días tengo una página web en la que muestro un mapa con google maps APi .En él que tengo diferentes eventos en JavaScript para detonar pop-ups y luego poder pinchar en ellos. La cuestión es que me venían funcionando perfectamente hasta que hace un tiempo el evento mouseover no funciona muy bien que digamos en Chrome y en Firefox, abre el pop-up pero le cuesta muchísimo, tienes que estar tanteando hasta que por fin si tienes suerte se abre el pop-up. Por el contrario en IE11 funciona perfectamente. Puede ser de alguna actualización de ambos navegadores o del JavaScript, es que ando bastante perdida. Aquí os dejo parte del código (que no todo) que detona los pop-ups. Adjunto imagen para que quede más claro. Mil gracias:
/* MARCADORES */
var onProjectClick = function()
{ var marker = this;
var latLng = marker.getPosition();
infoBubble.setContent(marker.content);
infoBubble.open(map, marker); };
google.maps.event.addListener(map, 'mouseover', function() { infoBubble.close(); }); google.maps.event.addListener(map, 'mousemove', function() { infoBubble.close(); }); google.maps.event.addListener(map, 'mouseout', function() { infoBubble.close(); });
var proyecto1 = new google.maps.Marker({
map: map,
position: new google.maps.LatLng(51.048615 , -114.070846),
icon:'icons/circulo_azul.png',
content: '<a class="mapa-ver-proyecto" href="/metro-en-el-mundo#overlay=proyecto/calgary" target="_top" alt="Proyecto Calgary-Canadá" acceskey="9"><div class="popup-interior"><h3 class="titulo">Calgary</h3><div class="servicios"><img src="icons/iconos-servicio-pantalla.png?"></div><div class="capaver">Ver</div></a>' });
var proyecto2 = new google.maps.Marker({
map: map,
position: new google.maps.LatLng(33.886917,9.537499),
icon:'icons/circulo_azul.png',
content: '<a class="mapa-ver-proyecto" href="/metro-en-el-mundo#overlay=proyecto/tunez" target="_top" alt="Proyecto Túnez-República Tenucina" acceskey="9"><div class="popup-interior"><h3 class="titulo">Túnez</h3><div class="servicios"><img src="icons/iconos-servicio-herramientas.png?"></div><div class="capaver">Ver</div></a>' });
google.maps.event.addListener(proyecto1, 'mouseover', onProjectClick); google.maps.event.addListener(proyecto2, 'mouseover', onProjectClick);
Adjunto | Tamaño |
---|---|
mapadd.jpg | 91.04 KB |
tecasoft2 (no verificado)
Mar, 19/02/2019 - 18:29
Enlace permanente
informacion
Quizas sea bueno
Les invito a visitar esta pagina, por soluciones Informaticas
https://www.tecasoft.com/
y tambien Diseño Web
https://www.tecasoft.com/diseño-web
Muchas Gracias!!!