我有一个 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;">  </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 });
});
代码不清楚所以我放了一张图片