2

我有一个 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 });
});

在此处输入图像描述

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

4

0 回答 0