http://www.fineui.com/bbs/forum.php?mod=viewthread&tid=4191&extra=page%3D1

前台代码

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Map.aspx.cs" Inherits="EmptyProjectNet40.Map" %>

<!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></title>        <style type="text/css">           .columnpanel           {               margin-right: 5px;           }           .rowpanel           {               margin-bottom: 5px;           }                 </style>       <script type="text/javascript" src="http://api.map.baidu.com/api?v=1.5&ak=C2c1257ee55b0cdb7d7df0ae4c3f4521"></script>   </head>   <body>       <form id="form1" runat="server">       <x:PageManager ID="PageManager1" runat="server" />       <x:Panel ID="Panel2" runat="server" Height="500px" Width="900px" ShowBorder="True"           BodyPadding="5px" Layout="Column" ShowHeader="True" Title="百度地图示例">           <Items>               <x:Panel ID="Panel4" ColumnWidth="75%" EnableBackgroundColor="true" runat="server" CssClass="columnpanel"                   BodyPadding="5px" ShowBorder="true" ShowHeader="true" Layout="Fit" Height="464px" Title="地图">                   <Toolbars>                     <x:Toolbar ID="Toolbar1" runat="server" Position="Top">                     <Items>                           <x:Button runat="server" ID="Button1" Text="移动当前城市" EnablePostBack="false"                               OnClientClick="panTo();">                           </x:Button>                     </Items>                     </x:Toolbar>                   </Toolbars>                   <Items>                   <x:ContentPanel runat="server" ShowBorder="True" ShowHeader="false">                      <div id="container1" style="width:100%; height:400px; "></div>                   </x:ContentPanel>                     </Items>               </x:Panel>               <x:Panel ID="Panel3" ColumnWidth="25%" EnableBackgroundColor="true" runat="server"                   BodyPadding="5px" ShowBorder="true" ShowHeader="true" Height="464px" Title="坐标">                   <Items>                       <x:Grid ID="Grid1" Title="表格" PageSize="4" ShowBorder="true" ShowHeader="False"                   runat="server" Height="427px" IsDatabasePaging="true"  EnableRowDoubleClickEvent="true"  OnRowDoubleClick="Grid1_RowClick">                           <Columns>                               <x:BoundField Width="55px" DataField="CityName" DataFormatString="{0}" HeaderText="地区" />                               <x:BoundField Width="75px" DataField="pointX" DataFormatString="{0}" HeaderText="经度" />                               <x:BoundField Width="75px" DataField="pointY" DataFormatString="{0}" HeaderText="纬度" />                           </Columns>               </x:Grid>                   </Items>               </x:Panel>           </Items>       </x:Panel>       </form>       <script type="text/javascript">           var map;           var gridClientID = '<%= Grid1.ClientID %>';           var gc;           function onReady() {               map = new BMap.Map("container1");          // 创建地图实例                 var point = new BMap.Point(116.404, 39.915);  // 创建点坐标                 map.centerAndZoom(point, 15);               map.addEventListener("click", showInfo);  //百度API注册单击事件               gc = new BMap.Geocoder();            }           //移动到当前城市           function panTo() {               var myCity = new BMap.LocalCity();               myCity.get(myFun);           }           //移动到某个经度和纬度           function PanToCity(x,y) {               map.panTo(new BMap.Point(x, y));            }           function myFun(result) {               var cityName = result.name;               map.setCenter(cityName);           }           //百度API点击回调事件           function showInfo(e) {               //可以把获取到的经度和纬度保存起来,或者动态添加到Grid中             var pt = e.point;               gc.getLocation(pt, function (rs) {                   var addComp = rs.addressComponents;                   __doPostBack(addComp.city + "," + e.point.lng + "," + e.point.lat, 'specialkey');//获取坐标简单拼装发送给服务端               });

}         </script>   </body>   </html>

后台代码

using System;   using System.Collections.Generic;   using System.Linq;   using System.Web;   using System.Web.UI;   using System.Web.UI.WebControls;   using System.Data;   using Newtonsoft.Json.Linq;   using FineUI;

namespace EmptyProjectNet40   {       public partial class Map : System.Web.UI.Page       {           protected void Page_Load(object sender, EventArgs e)           {               if (!IsPostBack)               {                   GetData();               }               else               {                   if ( Request.Form["__EVENTARGUMENT"] == "specialkey")                   {                       string req = Request.Form["__EVENTTARGET"];                       string[] point=req.Split(',');                                          if (point.Length > 1)                       {                           JObject defaultObj = new JObject();                           defaultObj.Add("CityName", point[0]);                           defaultObj.Add("pointX", point[1]);                           defaultObj.Add("pointY", point[2]);                           DataTable dbt = (DataTable)Session["KEY_FOR_DATASOURCE_SESSION"];                           dbt.Rows.Add(new object []{point[0],point[1],point[2]});                           Session["KEY_FOR_DATASOURCE_SESSION"] = dbt;                           Grid1.DataSource = dbt;                           Grid1.DataBind();                       }                   }               }           }           protected void Grid1_RowClick(object sender, FineUI.GridRowClickEventArgs e)           {               DataTable dbt = (DataTable)Session["KEY_FOR_DATASOURCE_SESSION"];               DataRow dr = dbt.Rows[e.RowIndex];               string x = Convert.ToString(dr["pointX"]);               string y = Convert.ToString(dr["pointY"]);               PageContext.RegisterStartupScript("PanToCity(" + x + "," + y + ");");           }           private  DataTable dt;           public void GetData()           {               dt = new DataTable();               dt.Columns.Add("CityName");               dt.Columns.Add("pointX");               dt.Columns.Add("pointY");               dt.Rows.Add(new object[] { "北京市", "116.222", "39.2222" });               dt.Rows.Add(new object[] { "武汉市", "114.333", "30.222"});               Grid1.DataSource = dt;               Grid1.DataBind();               Session["KEY_FOR_DATASOURCE_SESSION"] = dt;           }       }   }

FineUI与百度地图简单示例 （转帖）的更多相关文章

  1. 百度地图API示例之设置级别setZoom与禁止拖拽disableDragging

    百度地图API示例之设置级别setZoom与禁止拖拽disableDragging 设置级别 <html> <head> <meta http-equiv="C ...

  2. [置顶] Xamarin android如何调用百度地图入门示例（一）

    在Xamarin android如何调用百度地图呢? 首先我们要区分清楚,百度地图这是一个广泛的概念,很多刚刚接触这个名词"百度地图api",的确是泛泛而谈,我们来看一下百度地图的 ...

  3. iOS百度地图简单使用详解

    iOS百度地图简单使用详解 百度地图 iOS SDK是一套基于iOS 5.0及以上版本设备的应用程序接口,不仅提供展示地图的基本接口,还提供POI检索.路径规划.地图标注.离线地图.定位.周边雷达等丰 ...

  4. Android 百度地图 简单实现--- 美食搜索

    Android 百度地图 简单实现---  美食 依赖包: 加入 Android 百度依赖包: 1  key:  <!--        开发人员 key --> <meta-dat ...

  5. iOS百度地图简单使用

    本文介绍三种接口: 1.基础地图2.POI检索3.定位 首先是配置环境,有两种方法,方法在官方教程里都有,不再多说 1.使用CocoaPods自动配置[这个方法特别好,因为当你使用CocoaPods配 ...

  6. 百度地图简单使用——添加折线，圆形等（html，js）

    地图覆盖物概述 所有叠加或覆盖到地图的内容,我们统称为地图覆盖物.如标注.矢量图形元素(包括:折线和多边形和圆).信息窗口等.覆盖物拥有自己的地理坐标,当您拖动或缩放地图时,它们会相应的移动. 地图A ...

  7. 百度地图API示例之移动地图

    级别为6 级别为8 级别为12 代码: <!DOCTYPE html> <html> <head> <meta http-equiv="Conten ...

  8. 百度地图API示例之根据城市名设置地图中心点

    代码: <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" con ...

  9. 百度地图API示例之设置地图最大、最小级别

    代码 <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" cont ...

随机推荐

  1. SQL Server 存储过程 （需整理）

    Transact-SQL中的存储过程,非常类似于Java语言中的方法,它可以重复调用.当存储过程执行一次后,可以将语句缓存中,这样下次执行的时候直接使用缓存中的语句.这样就可以提高存储过程的性能. Ø ...

  2. XML删除节点

    XmlDocument doc = new XmlDocument(); doc.Load("Order.xml"); XmlNode xn = doc.SelectSingleN ...

  3. POJ 3481 treap

    这是利用treap写的二叉排序树,只要理解其中旋转能够改变树的左右子树平衡度,即高度之差,差不多就能掌握treap树的要领了. 相对于其他高级BST,treap树实现应该算最简单了,利用的是随机树产生 ...

  4. oracle 产生一个任意大小的随机数

    SELECT DBMS_RANDOM.RANDOM FROM DUAL;          产生一个任意大小的随机数 SELECT ABS(MOD(DBMS_RANDOM.RANDOM,100)) F ...

  5. js打开、关闭页面和运行代码那些事

    <!doctype html> <html> <head> <meta charset="utf-8"> <meta name ...

  6. UAC 注册表 WIN64 OS 运行时主题

    首先EXE程序是32位,DelphiIDE对Project默认是启用主题的,默认情况在WIN64 OS下运行时,无管理员权限. WIN64 OS,默认情况下UAC是启用的. 上述默认情况下,EXE 是 ...

  7. python 安装包查看

    pip freeze可以查看已经安装的python软件包和版本 pip list 也可以

  8. C++ error C2440: “类型转换” : 无法从“std::vector::iterator”转换为“

    原文地址:http://blog.csdn.net/onlyou930/article/details/5602654 圆环套圆环之迭代器 话说这一日是风平浪静,万里乌云,俺的心情好的没得说,收到命令 ...

  9. Zend Studio导致PHP插入数据库中文乱码【坑了个爹】

    用PHP往数据库里面插入数据,在执行INSERT语句前已经执行过 SET NAMES UTF8命令,MySql数据库的编码也确定是UTF8,然而插入中文的结果还是乱码. 找来找去,最后发现原来是用的I ...

  10. DevExpress XtraScheduler日程管理控件应用实例（2）-- 深入理解数据存储

    DevExpress年终击穿底价,单套授权低至67折!查看详情>>> 在上篇随笔<DevExpress XtraScheduler日程管理控件应用实例(1)-- 基本使用> ...