2

Estou a criar os markers da seguinte maneira:

 var contentString = '<div id="content">' +
                    '<div id="siteNotice">' +
                    '</div>' +
                    '<h1 id="firstHeading" class="firstHeading">teste3.1.1.1</h1>' +
                    '<div id="bodyContent">' +
                    '<p><b>Morada:</b>teste3.1.1' +
                    '<p><b>Horário:</b>teste3.1' +
                    '</div>' +
                '</div>';

                var infowindow = new google.maps.InfoWindow({
                    content: contentString
                });

                var marker = new google.maps.Marker({
                    position: PointA,
                    map: map,
                    icon: iconBase,
                    title: 'Teste3'
                });
                markers.push(marker);

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

                var contentString_ = '<div id="content">' +
                    '<div id="siteNotice">' +
                    '</div>' +
                    '<h1 id="firstHeading" class="firstHeading">teste2</h1>' +
                    '<div id="bodyContent">' +
                    '<p><b>Morada:</b>teste2.1' +
                    '<p><b>Horário:</b>Teste2.1.1' +
                    '</div>' +
                '</div>';

                var infowindow_ = new google.maps.InfoWindow({
                    content: contentString_
                });

                var marker3 = new google.maps.Marker({
                    position: pointB,
                    map: map,
                    icon: iconBase,
                    title: 'Teste 2'
                });
                markers.push(marker3);

                marker3.addListener('click', function () {
                    infowindow_.open(map, marker3);
                });

                var contentString2 = '<div id="content">' +
                    '<div id="siteNotice">' +
                    '</div>' +
                    '<h1 id="firstHeading" class="firstHeading">teste1</h1>' +
                    '<div id="bodyContent">' +
                    '<p><b>Morada:</b>teste1.1' +
                    '<p><b>Horário:</b>Dias' +
                    '</div>' +
                '</div>';

                var infowindow2 = new google.maps.InfoWindow({
                    content: contentString2
                });

                var marker2 = new google.maps.Marker({
                    position: pointC,
                    map: map,
                    icon: iconBase,
                    title: 'Teste'
                });
                markers.push(marker2);

                marker2.addListener('click', function () {
                    infowindow2.open(map, marker2);
                });

No site quando passo em cima do Marker e clico ele mostra sempre o a mesma infowindow sempre com a mesma informação alguem me sabe dizer o porquê?

1 Resposta 1

0

Olá, Fiz um teste utilizando o seu código, só definindo coordenadas e funcionou:

https://jsfiddle.net/Luk72u4u/

Mas o ideal é que as informações de markers e seus respectivos infoWindows estejam em uma matriz, que depois você acessa com um loop: https://developers.google.com/maps/documentation/javascript/examples/icon-complex

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .