我是用repeater將酒店顯示出來的，怎么實作滑鼠移上去就可以在地圖上顯示出它的位置。我先添加了按鈕實作區域重繪的，用ajax實作，但是按鈕點擊沒有反應。
<head runat="server">
<title></title>
<link href="https://bbs.csdn.net/topics/Styles/style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=M5tCaGoS1kR4Bu2ZmGnonbTxzU5W8on4"></script>
<script type="text/javascript">
function getPlace(id) {
alert("!!");
$.ajax({
url:"HandlerGetPlace.ashx",
type: "post",
data:"id="+id,
success:function(data)
{
var map = new BMap.Map("map_container");
var point = new BMap.Point(data.getLongitude(), data.getLatitude());
map.centerAndZoom(point, 15);
map.addControl(new BMap.NavigationControl());
map.addControl(new BMap.OverviewMapControl());
var marker = new BMap.Marker(point);
map.addOverlay(marker);
var myLabel = new BMap.Label("data.getHName()", { offset: new BMap.Size(-50, -50), position: point });
myLabel.setStyle({ "color": "red", "fondSize": "14px", "cursor": "pointer" });
map.addOverlay(myLabel);
}
})
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div style="width:50%;border-bottom-style:outset">
<asp:Repeater ID="Repeater1" runat="server"
onitemcommand="Repeater1_ItemCommand">
<ItemTemplate>
<div style="width: 100%; float: left" >
<table style="width: 100%; border-bottom-style: outset">
<tr>
<td rowspan="3"> <!--rowspan="3"表示本單元格縱向跨越包含三行-->
<b>
<img src="https://bbs.csdn.net/topics/<%#Eval("pictures1")%>" width="120" height="120" alt="圖片無法顯示" />
</b>
</td>
<td>
<%#Eval("hName")%></td>
</tr>
<tr>
<td>
<%#Eval("hFacility")%></td>
</tr>
<tr>
<td>
<a class="hvr-shutter-in-horizontal" href="https://bbs.csdn.net/topics/hotelDetail1.aspx?hID=<%#Eval("hID")%>&hName=<%#Eval("hName")%>">詳細資訊</a>
<input id="Button1" type="button" value="https://bbs.csdn.net/topics/button" onclick="getPlace(<%#Eval("hID") %>>)"/>
</td>
</tr>
</table>
</div>
</ItemTemplate></asp:Repeater>
</div>
</form>
<div style="width:100%" id="map_container">
</div>
</body>
</html>
uj5u.com熱心網友回復：
移動到repeater上顯示div應該是js辦的事情。網上插件挺多的。你自己找找
轉載請註明出處，本文鏈接：https://www.uj5u.com/net/141437.html
標籤：C#
上一篇：halcon大神來幫忙
下一篇：求C#代碼