1

Necesito crear un link dentro de la ventana de informacion y que al hacer click, para que esta me redirija a una ventana (div) que se desplegaria a la derecha, como puedo hacerlo?

function initMap() {
        var map = new google.maps.Map(document.getElementById('map'), {
            center: new google.maps.LatLng(-25.415896, -54.616280),
            zoom: 12
        });
        var infoWindow = new google.maps.InfoWindow;


        downloadUrl('resultado_gm.php', function(data) {
            var xml = data.responseXML;
            var markers = xml.documentElement.getElementsByTagName('marker');
            Array.prototype.forEach.call(markers, function(markerElem) {
                var name = markerElem.getAttribute('name');
                var address = markerElem.getAttribute('address');
                var id = markerElem.getAttribute('id');
                var type = markerElem.getAttribute('type');
                var point = new google.maps.LatLng(
                    parseFloat(markerElem.getAttribute('lat')),
                    parseFloat(markerElem.getAttribute('lng')));

                var infowincontent = document.createElement('div');
                var strong = document.createElement('strong');
                strong.textContent = name
                infowincontent.appendChild(strong);
                infowincontent.appendChild(document.createElement('br'));

                var text = document.createElement('text');
                text.textContent = address
                infowincontent.appendChild(text);
                infowincontent.appendChild(document.createElement('br'));

                var text2 = document.createElement('text2');
                text2.textContent = id
                infowincontent.appendChild(text2);

                var icon = customLabel[type] || {};
                var marker = new google.maps.Marker({
                    map: map,
                    position: point,
                    icon: icon.icon,
                    draggable: true,
                    animation: google.maps.Animation.DROP
                });
                marker.setAnimation(google.maps.Animation.BOUNCE);
                marker.addListener('click', function() {
                    infoWindow.setContent(infowincontent);
                    infoWindow.open(map, marker);
                });
            });


        });
    }



    function downloadUrl(url, callback) {
        var request = window.ActiveXObject ?
            new ActiveXObject('Microsoft.XMLHTTP') :
            new XMLHttpRequest;

        request.onreadystatechange = function() {
            if (request.readyState == 4) {
                request.onreadystatechange = doNothing;
                callback(request, request.status);
            }
        };

        request.open('GET', url, true);
        request.send(null);
    }

    function doNothing() {}

    /////era para regargar los marcadores pero aun no funciona
google.maps.event.trigger(map, 'resize');
        ////////
3
  • Cuando dices pestaña, ¿a qué te refieres? ¿A una nueva pestaña en el navegador? ¿A un contenedor dentro de tu página? ¿Dentro del mapa?
    – Alvaro Montoro
    Commented el 6 nov. 2017 a las 13:55
  • a una ventana emergente
    – MranDvX
    Commented el 6 nov. 2017 a las 17:35
  • Ok. Debería ser sencillo. Deja y te pongo una respuesta y me dices si te funiona.
    – Alvaro Montoro
    Commented el 6 nov. 2017 a las 17:36

1 respuesta 1

0

Si he entendido bien, lo único que tendrías que hacer es crear un enlace y darle un target="_blank" para que se abra en una nueva ventana/pestaña.

var enlace = document.createElement('a');
enlace.textContent = "texto del enlace";
enlace.href = "URL-DEL-ENLACE";
enlace.target = "_blank"; // para que se abra en una nueva pestaña
infowincontent.appendChild(enlace);
1
  • gracias buen hombre, con esto ya soluciono...
    – MranDvX
    Commented el 6 nov. 2017 a las 17:44

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.