Jquery 在fancybox中动态显示谷歌地图

我有一个ASP.NET网站，它有一个转发器和一个显示地图的

div

。在其中，我从数据源动态地给出纬度和经度。我可以用地图填充

div

，但当我调用花式方框时，首先地图不会显示。在我第二次点击链接时，它显示了以前的地图位置。怎么了

 <asp:Repeater ID="rptBranchList" runat="server">
        <ItemTemplate>
            <div class="branch" onclick="ShowBranchInfo('<%#Eval("Value") %>');">
                <img id='img<%#Eval("Value") %>' src="images/down.png" alt=""         style="float: left;
                    width: 20px;" />
                <span id='<%#Eval("Value") %>'>
                    <%#Eval("Name") %></span>
            </div>
            <div id='div<%#Eval("Value") %>' class="branchInfo" style="display: none;">
                <div style="float: left; width: 400px;">
                    <span><b>Şube Kodu</b>
                        <asp:Label ID="lblRegion" runat="server" Text='<%#Eval("Value") %>'></asp:Label>
                    </span>
                    <br />
                    <span><b>Adres</b>
                        <asp:Label ID="Label1" runat="server" Text='<%#Eval("Address") %>'></asp:Label>
                    </span>
                    <br />
                    <span><b>Telefon</b>
                        <asp:Label ID="Label2" runat="server" Text='<%#Eval("Phone") %>'></asp:Label>
                    </span>
                    <br />
                    <span><b>Faks</b>
                        <asp:Label ID="Label3" runat="server" Text='<%#Eval("Fax") %>'></asp:Label>
                    </span>
                    <asp:HiddenField ID="hdnValue" runat="server" Value='<%#Eval("Value") %>' />
                </div>
                <div style="float: left; width: 120px; padding-left: 30px;">
                    <a href="#map_canvas" class="mapInfo_click" data-coor='<%#String.Format("{0},{1}",Eval("Latitude"),Eval("Longitude"))%>'
                        addres='<%#Eval("Address") %>' branchname='<%#Eval("Name") %>'>
                        <img src="images/pin.png" alt="harita da göster" />
                    </a>
                </div>
            </div>
        </ItemTemplate>
    </asp:Repeater>

          <div id="map_canvas" style="width: 600px; display: block; height: 300px; z-index: 1200;"> &#160;</div>

$(".mapInfo_click").fancybox({
'transitionIn': 'elastic',
'transitionOut': 'elastic',
'speedIn': 100,
'speedOut': 100,
'overlayShow': false
}).click(function () {
var _lat = $(this).attr('data-coor').split(',')[0];
var _lon = $(this).attr('data-coor').split(',')[1];
init(_lat, _lon, 15, $(this).attr('branchname'), $(this).attr('addres'));
var mess = "Lattitute: " + _lat + " Longtitute:" + _lon;
//konum();
//$("#map_canvas").animate({ "height": "toggle" }, { duration: 1000 });
});

 
$（“.mapInfo\u单击”）.fancybox({
“transitionIn”：“弹性”，
“transitionOut”：“弹性”，
“speedIn”：100，
“加速输出”：100，
“叠加显示”：错误
})。单击（函数（）{
var_lat=$（this）.attr（'data-coor'）.split（'，'）[0]；
var_lon=$（this）.attr（'data-coor'）.split（'，'）[1]；
init（_lat，_lon，15，$（this.attr（'branchname'），$（this.attr（'addres'））；
var mess=“latitute:”+_lat+“longtute:”+_lon；
//konum（）；
//$（“#map_canvas”）.animate（{“height”：“toggle”}，{duration:1000}）；
});

---

代码不清楚，所以我放了一张图片