<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Map.aspx.cs" Inherits="Map" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
<title>無標題頁</title>
<style type="text/css">
html { height: 100% }
body { height: 100%; margin: 0px; padding: 0px }
#map_canvas { height: 100% }
</style>
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script> <%--sensor 參數,以指明此應用程式是否使用感應器確定使用者的位置--%>
<script src="Scripts/jquery-1.4.2.min.js" type="text/javascript"></script>
<script type="text/javascript">
var map;
$(function () {
var myLatlng = new google.maps.LatLng(24.47056849943595, 118.11364889144897);
var myOptions = {
zoom: 21,
center: myLatlng,
mapTypeId: google.maps.MapTypeId.ROADMAP
}
map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
BF_Restaurant_Service.SelectBy_LatLngZoomWS__BF_Restaurant_(24, 25, 117, 119, 1, onGetRestaurantSucceed_dhx, onGetRestaurantError_dhx);
});
function onGetRestaurantSucceed_dhx(resList_dhx) {
alert(resList_dhx);
if (resList_dhx == null) return;
for (i = 0; i < resList_dhx.length; i++) {
alert(resList_dhx[i].Lat緯度 + "," + resList_dhx[i].Lng經度);
var myLatlng = new google.maps.LatLng(resList_dhx[i].Lat緯度, resList_dhx[i].Lng經度);
var marker = new google.maps.Marker({
position: myLatlng,
map: map,
title: resList_dhx[i].Name名稱
});
}
}
function onGetRestaurantError_dhx(err_dhx) {
alert(err_dhx.get_message());
}
</script>
</head>
<body>
<table>
<tr>
<td></td>
<td><div id="map_canvas"></div></td>
</tr>
</table>
<form id="form1" runat="server">
<asp:ScriptManager ID="ScriptManager1" runat="server">
<Services>
<asp:ServiceReference Path="~/BF_Restaurant/BF_Restaurant_Service.asmx" />
</Services>
</asp:ScriptManager>
</form>
</body>
</html>