为每个标记显示相同的infowindow google maps api

时间:2017-11-04 08:05:42

标签: javascript google-maps

我正在使用Google Maps API,我想为每个标记显示一个信息页。

但问题是每个标记信息都显示相同的内容。即,即使我使用了函数<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div class="container"> <nav> <a class="burger-nav"></a> <ul class="englishNav"> <li><a href="#">Home</a></li> <li><a href="#">About</a></li> <li><a href="#">Services</a></li> <li><a href="#">Blog</a></li> <li><a href="#">Contact</a></li> </ul> <ul class="spanishNav"> <li><a href="#">Homeo</a></li> <li><a href="#">Abouto</a></li> <li><a href="#">Serviceso</a></li> <li><a href="#">Blog</a></li> <li><a href="#">Contact</a></li> </ul> <p class="spanish"> spanish </p> <p class="english"> english </p> </nav> </div>,它仍然无法正常显示数组的最后一个字符串:

我正在使用Google Maps API,我想展示一个infowindow 对于每个标记。

但问题是每个标记infowindow显示相同的内容。即,即使我使用函数bindInfoWindow()它仍然无效,数组的最后一个字符串显示在infowindow中:

bindInfoWindow()

1 个答案:

答案 0 :(得分:0)

而不是你的bindInfoWindow()函数,请使用此

google.maps.event.addListener(marker, 'click', function() {
    infowindow.setContent(infodata);
    infowindow.open(map, this);
    });