Tema: Cómo abrir nueva ventana al hacer click en tooltip infofob en googlemaps shortcode
Ver Mensaje Individual
  #2 (permalink)  
Antiguo 19/02/2016, 12:29
Avatar de carlillos
carlillos
 
Fecha de Ingreso: febrero-2007
Ubicación: México
Mensajes: 245
Antigüedad: 17 años, 3 meses
Puntos: 21
Respuesta: Cómo abrir nueva ventana al hacer click en tooltip infofob en googlemaps s
No entendí muy bien cómo está integrado tu código pero un ejemplo podría ser así:
Código HTML: 
Ver original
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
  5. <meta charset="utf-8">
  6. <title>Mapa</title>
  7. <style>
  8. html, body {
  9.     height: 100%;
  10.     margin: 0;
  11.     padding: 0;
  12. }
  13. #mapa {
  14.     height: 100%;
  15. }
  16. </style>
  17. </head>
  18. <body>
  19. <div id="mapa"></div>
  20. <script>
  21.  
  22. function iniciar() {
  23.     
  24.     var ubicacion = {lat: 41.3781398, lng: 2.1663711999999578};
  25.  
  26.     var mapa = new google.maps.Map(document.getElementById('mapa'), {
  27.         zoom: 18,
  28.         center: ubicacion
  29.     });
  30.  
  31.     var marcador = new google.maps.Marker({
  32.         position: ubicacion,
  33.         map: mapa,
  34.         icon: 'http://www.marinomedia.com/lodeflor/wp-content/uploads/2015/10/logo_map.png'
  35.     });
  36.  
  37.     google.maps.event.addListener(marcador, 'click', function() {
  38.         window.open('https://www.google.es/maps/place/Restaurante+Lo+de+Flor/@41.3781543,2.1662756,15z/data=!4m2!3m1!1s0x0:0x3375c9bf1804ac13');
  39.     });
  40.   
  41. }
  42.  
  43. </script>
  44. <script async defer src="https://maps.googleapis.com/maps/api/js?signed_in=true&callback=iniciar"></script>
  45. </body>
  46. </html>
Saludos.