作者DongFeng (祈)
看板Ajax
标题Fw: [问题] google api v3 infowindow
时间Wed Jan 29 00:06:57 2014
※ [本文转录自 Web_Design 看板 #1IvpAPaO ]
作者: DongFeng (祈) 看板: Web_Design
标题: [问题] google api v3 infowindow
时间: Tue Jan 28 12:31:18 2014
大家好, 小弟我在使用google api v3的infowindow遇到一点问题
marker点有多个, 每一个marker点我都搭配了一个infowindow要显示该地点的资讯
但是实际呈现出来的却全部是最後一个market的infowindow资讯
以下是我的程式码
/*
* waypoints是一串包含地点名称/地点地址的字串
* 不同的地点使用,分隔，所以使用的时候我用split切了两次得到地址
* 再用地址得到坐标去设定market，配对infowindow後丢进waypts中作後续处理
*/
-------------------------------------------------------------------------
waypoints = data;
if (waypoints){
var arrPoint = waypoints.split(",");
//经过地点
for (var i = 0; i < arrPoint.length; i++) {
address = arrPoint[i].split("/");
$.get("
http://maps.googleapis.com/maps/api/geocode/json",{address:
address[1],sensor:true},function(data){
marker[i] = new google.maps.Marker({
map: map,
draggable: false,
position: new google.maps.LatLng(data["results"][0]
["geometry"]["location"]["lat"], data["results"][0]
["geometry"] ["location"]["lng"]),
title:"'"+data["results"][0]["formatted_address"]+"'"
});
infowindow[i] = new google.maps.InfoWindow();
infowindow[i].setContent("设定资讯视窗内容"+i);
google.maps.event.addListener(marker[i], 'click', function() {
infowindow[i].open(map,this);
});
waypts.push(marker[i]);
})
}
}
----------------------------------------------------------------------------
market跟infowindow我都有宣告为阵列使用i作索引，理论上监听事件应该不会重叠，但
所有的infowindows的内容还是跟最後一个点的infowindow内容相同，还麻烦知道哪里出
了问题的前辈能指点一下...先谢谢各位了
--
※ 发信站: 批踢踢实业坊(ptt.cc)
◆ From: 114.35.104.91
※ 发信站: 批踢踢实业坊(ptt.cc)
※ 转录者: DongFeng (175.111.59.28), 时间: 01/29/2014 00:06:57
1F：推 mrbigmouth:google.maps.event.addListener(marker[i].... 01/29 14:46
2F：→ mrbigmouth:这里的i已经是最终值了 01/29 14:46
3F：→ mrbigmouth:function(data){ 这个fn是非同步执行的 执行时里面的i 01/29 14:46
4F：→ mrbigmouth:都是最终值 01/29 14:46
5F：→ mrbigmouth:都是同一个i 01/29 14:46