在新建的项目中,我们看示例的MapForm.aspx页面上的html代码
上面放了N个工具:
1:MapControl 地图显示工具
<
cc1:MapControl
ID
="MapControl1"
runat
="server"
Height
="248px"
Width
="393px"
MapAlias
="Map1"
/>
地图显示工具,最图生成的标签为 < span >< img src ='MapController.ashx?Command=getmap&..' /></ span > 的形式
地图显示工具,最图生成的标签为 < span >< img src ='MapController.ashx?Command=getmap&..' /></ span > 的形式
详细说明:
简单说就是由MapController.ashx以流方式输出一张图片,和验证验的输出差不多
所有的请求都是通过客户端ajax请求发出的,MapController.ashx根据请求的Command类型,输出图片流,或直接输出字符串.比如:
Command类型为放大缩小图片或拖动图片时,返回的就是图片流。其结果表现为更新img的src
如果请求的类型是求两点的距离,那只要返回字符串就行,不需要更新图片,其结果可能alert(xmlHttp.responseText)
所有的请求都是先激活工具,再触发相应的事件,然后以ajax方式发送请求到MapController.ashx处理
所有的请求都是通过客户端ajax请求发出的,MapController.ashx根据请求的Command类型,输出图片流,或直接输出字符串.比如:
Command类型为放大缩小图片或拖动图片时,返回的就是图片流。其结果表现为更新img的src
如果请求的类型是求两点的距离,那只要返回字符串就行,不需要更新图片,其结果可能alert(xmlHttp.responseText)
所有的请求都是先激活工具,再触发相应的事件,然后以ajax方式发送请求到MapController.ashx处理
其它主要工具为:一个共同属性:MapControlID指定作用于哪个地图控件
2:ZoomBarTool 地图缩放比例工具
<
cc1:ZoomBarTool
ID
="ZoomBarTool1"
runat
="server"
ZoomLevel
="500"
MapControlID
="MapControl1"
/>
ZoomLevel的值,决定了缩放的比例,默认单位是kilometer(公里)
ZoomLevel的值,决定了缩放的比例,默认单位是kilometer(公里)
3:方向移动工具,共8个,对应八个方位,没啥可说的
<
cc1:NorthWestNavigationTool
ID
="NorthWestNavigationTool1"
runat
="server"
MapControlID
="MapControl1"
/>
4:放大和缩小工具
<
cc1:ZoomOutTool
ID
="ZoomOutTool1"
runat
="server"
MapControlID
="MapControl1"
/>
< cc1:ZoomInTool ID ="ZoomInTool1" runat ="server" MapControlID ="MapControl1" />
< cc1:ZoomInTool ID ="ZoomInTool1" runat ="server" MapControlID ="MapControl1" />
5:定位居中工具
<
cc1:CenterTool
ID
="CenterTool1"
runat
="server"
MapControlID
="MapControl1"
/>
6:移动地图工具
<
cc1:PanTool
ID
="PanTool1"
runat
="server"
MapControlID
="MapControl1"
/>
7:图层工具,显示了和地图相关图层信息,只有当地图缩放到相应的范围里,里面的一些选项才可以操作
<
cc1:LayerControl
ID
="LayerControl1"
runat
="server"
MapControlID
="MapControl1"
/>
8:图例工具,显示了和地图图例相关信息
<
cc1:LegendControl
ID
="LegendControl1"
runat
="server"
MapControlID
="MapControl1"
/>
9:测量工具
<
cc1:DistanceTool
ID
="DistanceTool1"
runat
="server"
MapControlID
="MapControl1"
/>
10:点选择工具,可通过此工具选择一个点,或者叫一个图元
<
cc1:PointSelectionTool
ID
="PointSelectionTool1"
runat
="server"
/>
11:矩形选择工具,通过画矩形选择范围内的图元
<
cc1:RectangleSelectionTool
ID
="RectangleSelectionTool1"
runat
="server"
/>
12:多边型选择工具,通过画多边型工具选择范围内的图元
<
cc1:PolygonSelectionTool
ID
="PolygonSelectionTool1"
runat
="server"
/>
13:圆圈选择工具,通过画圆圈选择范围内的图元
<
cc1:RadiusSelectionTool
ID
="RadiusSelectionTool1"
runat
="server"
/>
14:自定义工具,可以自定义事件,命令与返回,即自定义请求与输出,详细待下一节
<
cc1:WebTool
ID
="WebTool1"
runat
="server"
/>