ASP.NET页面中使用Google Map

时间:2011-08-17 15:45:15
【文件属性】:
文件名称:ASP.NET页面中使用Google Map
文件大小:90KB
文件格式:ZIP
更新时间:2011-08-17 15:45:15
Google Map,ASP.NET 简介

很多人都知道Google Map,其实,Google为我们自己开发应用程序提供了丰富的API,我们只要具备一些JavaScript的知识,就完全可以利用它们。但是,对于我来说,在ASP.NET页面中使用JavaScript来调用Google Map的API有一定难度,尤其是利用服务器端函数来动态画出Google Map。例如,我想从SQL Server中读取经纬度信息,然后在Google Map中插入一个点。如果熟悉AJAX的话,很快就能得出答案。我们必须用JavaScript调用ASP.NET服务器端函数,利用得到的数据来绘制Google Map。简单吧?其实,对于我来说并非如此。因此,我决定开发一个用户控件来处理JavaScript代码,这样,我就能集中精力于服务器端函数了。



特点

1.不需要JavaScript知识就能绘制Google Maps,只需在相应页面加入自定义控件即可。

2.使用AJAX调用来获取服务器端数据。

3.提供最优越的性能表现。



如何使用

在这里,我并不想解释我是如何创建该控件的。我只要教你如何使用它。



系统需求

1.Visual Studio 2005或更高版本

2.Microsoft ASP.NET AJAX Extensions支持

3.Internet Explorer 7.0或Mozilla Firefox 2.x



你只需完成以下几步:

1.新建一个ASP.NET AJAX-Enabled Website。

2.将源代码中App_Code文件夹、GoogleMapForASPNet.ascx、GoogleMapForASPNet.ascx.cs,GService.asmx复制到你的ASP.NET应用程序下。

3.保证你的网站支持AJAX技术。

4.打开Default.aspx(或任何你想加入Google Map的位置),将该自定义控件拖放至相应位置并编译,这样就实现了最简单的带有Google Map的ASP.NET网页。


【文件预览】:
GoogleMapControl
----MapWithCustomIcons.aspx(877B)
----icons()
--------pushpin-yellow.png(1KB)
--------rain.png(1KB)
--------3.png(1KB)
--------horse.png(1KB)
--------YellowCar.png(6KB)
--------storm.png(2KB)
--------recycle.png(1KB)
--------FireTruck.png(7KB)
--------sun.png(2KB)
--------snow.png(2KB)
--------golf.png(1KB)
--------Truck.png(7KB)
--------SchoolBus.png(7KB)
--------pushpin-blue.png(1KB)
--------RedCar.png(6KB)
--------1.png(1KB)
--------2.png(1KB)
----SimpleMapWithNoBubble.aspx.cs(2KB)
----MapWithPolygons.aspx.cs(4KB)
----MapWithAutoMovingPushpins.aspx(1KB)
----MapWithClickablePushpins.aspx.cs(2KB)
----App_Code()
--------cGoogleMap.cs(20KB)
--------GService.cs(9KB)
----MapWithTrafficOverlay.aspx(1KB)
----GoogleMapForASPNet.ascx(20KB)
----MapWithPolylines.aspx.cs(4KB)
----MapWithRecenter.aspx.cs(2KB)
----GNU General Public License.txt(159B)
----ControlPerformanceTest.aspx.cs(4KB)
----Web.Config(6KB)
----MapWithAutoChangingPushpins.aspx(1KB)
----MapWithToolTipOnPushpins.aspx.cs(3KB)
----MapWithRecenter.aspx(1KB)
----MapWithDraggableIcons.aspx.cs(4KB)
----App_Data()
----Default.aspx(2KB)
----MapWithClickablePushpins.aspx(881B)
----MapWithMovingPushpins.aspx.cs(3KB)
----Default.aspx.cs(406B)
----GoogleMapForASPNet.ascx.cs(3KB)
----MapWithToolTipOnPushpins.aspx(873B)
----MapWithDraggableIcons.aspx(2KB)
----ControlPerformanceTest.aspx(1KB)
----GService.asmx(86B)
----MapWithCustomIcons.aspx.cs(3KB)
----MapWithPolygons.aspx(1KB)
----MapWithTrafficOverlay.aspx.cs(2KB)
----MapWithAutoChangingPushpins.aspx.cs(3KB)
----SimpleMapWithNoBubble.aspx(713B)
----Release Notes.txt(433B)
----MapWithMovingPushpins.aspx(1KB)
----MapWithPolylines.aspx(1KB)
----MapWithAutoMovingPushpins.aspx.cs(3KB)

网友评论

  • 有点用,但作用不大,另外谷歌地图按照正常GPS坐标是显示在不同位置的。
  • 有问题,但不大
  • 还是有问题的,没办法用哦