AGS9.2中Toolbar的自定义ToolbarItem直接调用ADF的JS方法总结
目的:
1.ArcGIS.Server.9.2.DotNet中Toolbar的自定义ToolbarItem直接调用ADF的JS方法总结。
完成后的效果图:
![](https://images.cnblogs.com/cnblogs_com/hll2008/bnmjj.jpg)
开始:
Toolbar控件提供了很多现成的功能如放大、缩小、拖拽等,而且还提供了点、线、面、圆等很多的JS方法可供直接调用,在ClientAction直接选择Point、Line、Polygon等js方法能不需要任何的js代码就能实现客户端的操作功能,但是在实际的项目开发中往往需要在这些操作中加入一些自己个性化的操作方法这样就比较的困难。这里通过对Toolbar控件进行了一些研究可以实现在自己的JS方法中直接调用ADF的JS方法实现上述的功能,可以在自定义的Tool、Command中用自己的JS方法直接调用ADF的JS方法。
1.Pan功能可以如下调用:
1.ArcGIS.Server.9.2.DotNet中Toolbar的自定义ToolbarItem直接调用ADF的JS方法总结。
完成后的效果图:
![](https://images.cnblogs.com/cnblogs_com/hll2008/bnmjj.jpg)
开始:
Toolbar控件提供了很多现成的功能如放大、缩小、拖拽等,而且还提供了点、线、面、圆等很多的JS方法可供直接调用,在ClientAction直接选择Point、Line、Polygon等js方法能不需要任何的js代码就能实现客户端的操作功能,但是在实际的项目开发中往往需要在这些操作中加入一些自己个性化的操作方法这样就比较的困难。这里通过对Toolbar控件进行了一些研究可以实现在自己的JS方法中直接调用ADF的JS方法实现上述的功能,可以在自定义的Tool、Command中用自己的JS方法直接调用ADF的JS方法。
1.Pan功能可以如下调用:
1
function myMapPan()
2
{
3
alert("进行地图拖动!");
4
//参数说明:地图控件ID,工具Name,是否显示载入中(这个属性没有实现),鼠标指针显示样式
5
MapDragImage ( 'Map1' , 'mypan', false,'');
6
}
2.ZoomIn功能可以如下调用:![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
2
![](https://www.cnblogs.com/Images/OutliningIndicators/ExpandedBlockStart.gif)
3
![](https://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
4
![](https://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
5
![](https://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
6
![](https://www.cnblogs.com/Images/OutliningIndicators/ExpandedBlockEnd.gif)
1
function myZoomIn()
2
{
3
alert("进行地图放大!");
4
//参数说明:地图控件ID,工具Name,是否显示载入中(这个属性没有实现),鼠标指针显示样式
5
MapDragRectangle('Map1' , 'myzoomin', false,'');
6
}
3.ZoomOut功能可以如下调用(ZoomOut和上面的ZoomIn一样方法,具体进行什么操作由服务端决定):
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
2
![](https://www.cnblogs.com/Images/OutliningIndicators/ExpandedBlockStart.gif)
3
![](https://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
4
![](https://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
5
![](https://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
6
![](https://www.cnblogs.com/Images/OutliningIndicators/ExpandedBlockEnd.gif)
1
function myZoomOut()
2
{
3
alert("进行地图缩小!");
4
//参数说明:地图控件ID,工具Name,是否显示载入中(这个属性没有实现),鼠标指针显示样式
5
MapDragRectangle('Map1' , 'myzoomout', false,'');
6
}
4.Point功能可以如下调用:
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
2
![](https://www.cnblogs.com/Images/OutliningIndicators/ExpandedBlockStart.gif)
3
![](https://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
4
![](https://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
5
![](https://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
6
![](https://www.cnblogs.com/Images/OutliningIndicators/ExpandedBlockEnd.gif)
1
function myPoint()
2
{
3
alert("进行点操作!");
4
//参数说明:地图控件ID,工具Name,是否显示载入中(这个属性没有实现),鼠标指针显示样式
5
MapPoint('Map1' , 'point', false,'');
6
}
5.Line功能可以如下调用:
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
2
![](https://www.cnblogs.com/Images/OutliningIndicators/ExpandedBlockStart.gif)
3
![](https://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
4
![](https://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
5
![](https://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
6
![](https://www.cnblogs.com/Images/OutliningIndicators/ExpandedBlockEnd.gif)
1
function myLine()
2
{
3
alert("进行线操作!");
4
//参数说明:地图控件ID,工具Name,是否显示载入中(这个属性没有实现),鼠标指针显示样式
5
MapLine('Map1' , 'Tool', false,'');
6
}
6.Polyine功能可以如下调用:
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
2
![](https://www.cnblogs.com/Images/OutliningIndicators/ExpandedBlockStart.gif)
3
![](https://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
4
![](https://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
5
![](https://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
6
![](https://www.cnblogs.com/Images/OutliningIndicators/ExpandedBlockEnd.gif)
1
function myPolyline()
2
{
3
alert("进行多段线操作!");
4
//参数说明:地图控件ID,工具Name,是否显示载入中(这个属性没有实现),鼠标指针显示样式
5
MapPolyline('Map1' , 'Tool0', false,'');
6
}
7.Polyine功能可以如下调用:
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
2
![](https://www.cnblogs.com/Images/OutliningIndicators/ExpandedBlockStart.gif)
3
![](https://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
4
![](https://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
5
![](https://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
6
![](https://www.cnblogs.com/Images/OutliningIndicators/ExpandedBlockEnd.gif)
1
function myPolygon()
2
{
3
alert("进行面操作!");
4
//参数说明:地图控件ID,工具Name,是否显示载入中(这个属性没有实现),鼠标指针显示样式
5
MapPolygon('Map1' , 'Tool1', false,'');
6
}
8.Circle功能可以如下调用:
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
2
![](https://www.cnblogs.com/Images/OutliningIndicators/ExpandedBlockStart.gif)
3
![](https://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
4
![](https://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
5
![](https://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
6
![](https://www.cnblogs.com/Images/OutliningIndicators/ExpandedBlockEnd.gif)
1
function myCircle()
2
{
3
alert("进行圆操作!");
4
//参数说明:地图控件ID,工具Name,是否显示载入中(这个属性没有实现),鼠标指针显示样式
5
MapCircle('Map1' , 'Tool2', false,'');
6
}
8.Oval功能可以如下调用:
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
2
![](https://www.cnblogs.com/Images/OutliningIndicators/ExpandedBlockStart.gif)
3
![](https://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
4
![](https://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
5
![](https://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
6
![](https://www.cnblogs.com/Images/OutliningIndicators/ExpandedBlockEnd.gif)
1
function myOval()
2
{
3
alert("进行椭圆操作!");
4
//参数说明:地图控件ID,工具Name,是否显示载入中(这个属性没有实现),鼠标指针显示样式
5
MapOval('Map1' , 'Tool3', false,'');
6
}
9.DragCircle功能可以如下调用:
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
2
![](https://www.cnblogs.com/Images/OutliningIndicators/ExpandedBlockStart.gif)
3
![](https://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
4
![](https://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
5
![](https://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
6
![](https://www.cnblogs.com/Images/OutliningIndicators/ExpandedBlockEnd.gif)
1
function myDragCircle()
2
{
3
alert("进行拖拽圆操作!");
4
//参数说明:地图控件ID,工具Name,是否显示载入中(这个属性没有实现),鼠标指针显示样式
5
MapDragCircle('Map1' , 'Tool4', false,'');
6
}
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
2
![](https://www.cnblogs.com/Images/OutliningIndicators/ExpandedBlockStart.gif)
3
![](https://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
4
![](https://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
5
![](https://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
6
![](https://www.cnblogs.com/Images/OutliningIndicators/ExpandedBlockEnd.gif)