我编写了以下代码来显示标记,并有各自的信息窗口显示警察局的名称。警察局类有名称、纬度和经度。
<script>
function initialize()
{
var iconBase = 'https://maps.google.com/mapfiles/kml/shapes/';
var myCenter = new google.maps.LatLng(28.6523605,77.0910645);
var map = new google.maps.Map(document.getElementById("googleMap"), mapProp);
var mapProp = {
center: myCenter,
zoom: 10,
mapTypeId: google.maps.MapTypeId.ROADMAP,
scaleControl: true
};
var map = new google.maps.Map(document.getElementById("googleMap"), mapProp);
var marker = [];
var info= [];
<%
ArrayList<PoliceStation> stationList = new PoliceStation().loadclass();
for (int i=0 ; i < stationList.size() ; i++) {
%>
var pos = new google.maps.LatLng(
<%= stationList.get(i).getLatitude()%>,
<%= stationList.get(i).getLongitude()%>
);
marker = new google.maps.Marker({
position: pos,
map: map
});
marker.setMap(map);
var MarkerContent = "<div class=\"marker\">" +
"<h2>"+ "<%=stationList.get(i).getstationName()%>"
+"</h2>"+
"</div>";
info=new google.maps.InfoWindow();
info.setOptions({
content: MarkerContent,
size: new google.maps.Size(50, 50),
position: pos
});
google.maps.event.addListener(marker, 'click', function () {
info.setOptions({
content: MarkerContent
});
info.open(map, marker);
});
<%
}
%>
所有标记都按预期设置。但是,单击任何标记会导致仅打开最后绘制的标记的信息窗口。
我知道这是因为所有标记,infoWindow 名称都是多余的,最后只有最后一个 infoWindow 被保存到最后一个标记。
我遇到了将内容封装在 for 循环中的解决方案
(function() {var marker = ...; google.maps.event.addListener...;})();
但是,我正在寻找一种动态明确定义每个变量名称的解决方案。例如,将每次迭代时递增的计数器的值附加到每个标记和信息变量。请不要提供 JSTP 解决方案。寻找特定的 JSP 解决方案