asp.net调用51ditu

来源:互联网 发布:华为网络摄像头 编辑:程序博客网 时间:2024/05/17 03:47

前台:

<%@ 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;
        }
    }
}

原创粉丝点击