asp.net 链接51地图
来源:互联网 发布:python web项目 编辑:程序博客网 时间:2024/05/22 18:56
前台:
<%@ 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;
}
}
}
- asp.net 链接51地图
- Asp.net文章链接
- Asp.net门户链接
- Asp.net资源链接
- Asp.net教程链接
- asp.net 关于链接
- asp.net 各种链接
- Asp.net数据库链接
- ASP.NET链接MySQL
- asp.net站点地图使用
- asp.net mapxtreme 加载地图
- asp.net sitemappath站点地图
- Asp.net学习常见链接
- ASP.NET 链接数据库基础
- Asp.net多媒体下载链接
- asp.net 数据库字符串链接
- asp.net 链接 oracle 解决方案
- ASP.NET数据量链接类
- 配置wordpress-2.7.1-zh_CN
- 英语、日语,加油
- 手把手教你玩转网络编程模型之完成例程(Completion Routine)篇(上)
- 使用Oracle 的 imp ,exp 命令实现数据的导入导出
- VS2005中继承textbox控件[给初学者]
- asp.net 链接51地图
- 网页中不同的ContentType输出word,Excel,txt等格式
- Javascript实现最简跨平台面向对象拖拽
- myeclipse之groovy安装与运行
- 博客今天开通了
- 用javascript 判断IE窗口是否打开
- struts forbean 中文乱码问题
- Ajax使用POST提交中文乱码问题
- 双绞线原理