Code
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default3.aspx.cs" Inherits="Default3" %>
<!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 runat="server">
<title>51地圖</title>
<script type="text/javascript" src="http://api.51ditu.com/js/maps.js "></script>
<script type="text/javascript" src="http://api.51ditu.com/js/ezmarker.js"></script>
</head>
<body>
<form id="form1" runat="server">
經度:<input runat="server" type="text" id="x" name="x" />
緯度:<input runat="server" type="text" id="y" name="y" />
比例尺層級:<input runat="server" type="text" id="z" name="z" />
<div id="mymap" style="position:relative; width:400px; height:300px;">
</div>
<script type="text/javascript">
var maps = new LTMaps( "mymap" );
maps.cityNameAndZoom( "chongqing" , 5 );
//添加縮放控制項
var control = new LTSmallMapControl();
maps.addControl( control );
//添加拉框放大控制項
var control = new LTZoomInControl();
maps.addControl( control );
//添加一個標記點
var marker1 = new LTMarker( new LTPoint( 11636224 , 3991040 ) );
var marker2 = new LTMarker( new LTPoint( 11641152 , 3992640 ) );
maps.addOverLay( marker1 );
maps.addOverLay( marker2 );
//添加一個標記點
var point = new LTPoint( 11640969 , 3989945 );//
var marker = new LTMarker( point );
maps.addOverLay( marker );
var infoWin = new LTInfoWindow( marker );
infoWin.setLabel( "<a href='http://www.51ditu.com' target='_blank'>http://www.51ditu.com</a>" );
maps.addOverLay( infoWin );
//鍵盤操作支援
maps.handleKeyboard();
//滑鼠滾輪支援
maps.handleMouseScroll();
//實現系統的setMap方法
function setMap(point,zoom)
{
document.getElementById("x").value=point.getLongitude();
document.getElementById("y").value=point.getLatitude();
document.getElementById("z").value=zoom;
}
var ez=new LTEZMarker("ezmarker");
ez.setDefaultView("chongqing",10);//地圖預設定位到重慶
ez.setPlaceList(true);//在地圖上顯示地圖搜尋控制項
ez.setSearch(true,"重慶");//在地圖上顯示搜尋控制項,並將預設搜尋城市指定為重慶
LTEvent.addListener(ez,"mark",setMap);//"mark"是標註事件
</script>
</form>
</body>
</html>