本实例介绍如何调用Ｇｏｏｇｌｅ　Ｍａｐｓ　ＡＰＩ，并实现用鼠标标注地图，保存进数据库，以及二次加载显示等。

１.需要新建一个自定义控件（如：Ｍap．ａｓcｘ），用于显示Ｇｏｏｇｌｅ地图：

<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="Map.ascx.cs" Inherits="StarSoft.UI.Customer.UserControl.Map" %>
      
      
           
        
                 
                            纬度        
                 
            
                  
                 
                            经度        
                 
            
                  
            
            
                 
                                
            
       
      

using System;using System.Collections;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;namespace StarSoft.UI.Customer.UserControl{    public partial class Map : System.Web.UI.UserControl    {        /// 
        /// 纬度        /// 
        public string Latitude        {            get { return this.txtX.Text; }            set { this.txtX.Text = value; }        }        /// 
        /// 经度        /// 
        public string Longitude        {            get { return this.txtY.Text; }            set { this.txtY.Text = value; }        }        protected void Page_Load(object sender, EventArgs e)        {                   }    }}

２.页面中调用这个自定义控件：

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="AreaLocation.aspx.cs" Inherits="StarSoft.UI.Customer.AreaLocation" %><%@ Register src="UserControl/Map.ascx" tagname="Map" tagprefix="uc1" %>       
              
      
   
       
            
        
         
             
        
       
        
       
                
        
                
                 
                         
        
            
       
    
      

using System;using System.Collections;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;namespace StarSoft.UI.Customer{    public partial class AreaLocation : System.Web.UI.Page    {        protected void Page_Load(object sender, EventArgs e)        {            if (!string.IsNullOrEmpty(StrLoactID) && StrLoactID != "null")            {                Map1.Latitude = StrLoactID.Split(',')[0];                Map1.Longitude = StrLoactID.Split(',')[1];            }            if (!IsPostBack)            {                BtnQuery.Value = StarSoft.Common.ResourceManager.Field("Query");                close.Value = StarSoft.Common.ResourceManager.Field("CancelBtn");                if (Ty != "")                {                    close.Value = StarSoft.Common.ResourceManager.Field("CloseBtn");                    BtnQuery.Style["display"] = "none";                }            }        }        /// 
        /// 经纬度信息        /// 
        public string StrLoactID        {            get            {                try                {                    return Request.Params["LoactID"].ToString();                }                catch                {                    return "";                }            }        }        /// 
        /// 经纬度信息        /// 
        public string Ty        {            get            {                try                {                    return Request.Params["Ty"].ToString();                }                catch                {                    return "";                }            }        }    }}

３.ｗｅｂ．ｃｏｎｆｉｇ文件中配置Ｇｏｏｇｌｅ　Ｍａｐ访问秘钥：

运行效果图：