前台:
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="MapsDemo.aspx.cs" Inherits="_Default" %>
<!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>我的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>
<script type="text/javascript">
function onLoad()
{
var coordinates = document.getElementById("hidAddress").value.split(",") ;
var maps = new LTMaps( "mapDiv" );
var point=new LTPoint(coordinates[0] , coordinates[1]);
maps.centerAndZoom ( new LTPoint( coordinates[0] , coordinates[1] ) , coordinates[2] );
var control = new LTStandMapControl();
maps.addControl(control);
var marker=new LTMarker(point);
maps.addOverLay(marker);
}
</script>
</head>
<body>
<form id="form1" runat="server">
<input id="hidAddress" runat="server" type="hidden" />
*提示:地图上用
<img src="images/address.jpg" alt="" height="20px" width="20px" />
标出了大概位置,该结果可能不准确,仅供参考。
<script type="text/javascript">
function setMap(point,zoom)
{
document.getElementById("longitude").value=point.getLongitude();
document.getElementById("latitude").value=point.getLatitude();
document.getElementById("level").value=zoom;
document.form1.submit();
}
var ez=new LTEZMarker("ezmarker");
var coordinates =document.getElementById("hidAddress").value.split(",") ;
var point=new LTPoint(coordinates[0] , coordinates[1]);
ez.setValue(point , parseInt(coordinates[2])) ;
LTEvent.addListener(ez,"mark",setMap);
</script>
<input runat="server" type="hidden" id="longitude" name="longitude" />
<input runat="server" type="hidden" id="latitude" name="latitude" />
<input runat="server" type="hidden" id="level" name="level" />
<br />
<div id="mapDiv" style="width: 600px; height: 400px;">
</div>
<script type="text/javascript">
onLoad() ;
</script>
</form>
</body>
</html>
后台:
using System;
using System.Configuration;
using System.Data;
using System.Linq;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.HtmlControls;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Xml.Linq;
public partial class _Default : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
string address = null;
if (!IsPostBack)
{
address = "12085627,3201350,3";//读取数据库坐标
this.hidAddress.Value = address;
}
else
{
string addressUpdate = this.longitude.Value + "," + this.latitude.Value + "," + this.level.Value;
address = addressUpdate;//更新数据库坐标
this.hidAddress.Value = address;
}
}
}