在SuperMap IS.NET AjaxScripts开发中，提供了一个名为SuperMap.IS.Action.js的脚本文件，供开发人员添加自定义动作。

兴趣点（Point Of  Interest）标注算是经常用到的功能，供用户在浏览地图时，对自己感兴趣内容在图上进行标注。

本脚本算是初步完成，提供文本、点、线和面的标注。代码如下：

1. //用户自定义兴趣点标注
2. //title: 标注名
3. //note: 备注
4. //showPic: 是否显示logo ture/false
5. //hotpic: logo图片名(包含后缀)
6. SuperMap.IS.DrawMarkPointAction=function(title, note, showPic, hotpic)
7. {
8.     this.type="SuperMap.IS.DrawMarkPointAction";
9.     var x=null;
10.     var y=null;
11.     var _showPic=false;
12.     var _hotpic=null;
13.    
14.     this.Init=function(mapControl)
15.     {
16.         this.mapControl=mapControl;
17.         if(ygPos.browser=="ie")
18.         {
19.             mapControl.container.style.cursor="images/cursors/PointQuery.cur";
20.         }
21.         else
22.         {
23.             mapControl.container.style.cursor="crosshair";
24.         }
25.         
26.         if(showPic != null)
27.         {
28.             _showPic = showPic;
29.         }
30.         
31.         if(hotpic == null)
32.         {
33.             _hotpic = "images/hotball.gif";
34.         }
35.         else
36.         {
37.             _hotpic = "images/" + hotpic;
38.         }
39.     }
40.     
41.     this.Destroy=function()
42.     {
43.         this.mapControl=null;
44.         x=null;
45.         y=null;
46.     }
47.     
48.     function _OnClick(e)
49.     {
50.        x = e.mapCoord.x;
51.        y = e.mapCoord.y;
52.        
53.        if(_showPic == true)
54.        {
55.            this.mapControl.CustomLayer.AddMark("markPoint", x, y, null, null, "<div><img src='" + _hotpic + "' style='cursor:pointer' title='" + note + "' /><span> " + title + "</span></div>");
56.        }
57.        else
58.        {
59.            this.mapControl.CustomLayer.AddMark("markPoint", x, y, null, null, "<div><b>" + title + "</b> " + note + "</div>");
60.        }
61.     }
62.     
63.     function _OnContextMenu(e)
64.     {
65.         this.mapControl.SetAction(null);
66.     }
67.     
68.     function _GetJSON()
69.     {
70.         return _ActionToJSON(this.type,[]);
71.     }
73.     this.OnClick=_OnClick;
74.     this.OnContextMenu=_OnContextMenu;
75.     this.GetJSON=_GetJSON;
76. }
78. //用户自定义兴趣线标注
79. //title: 标注名
80. //note: 备注
81. //showPic: 是否显示标注内容
82. //hotpic: logo图片名(包含后缀)
83. SuperMap.IS.DrawMarkLineAction=function(title, note, showLabel, hotpic)
84. {
85.     this.type="SuperMap.IS.DrawMarkLineAction";
86.     var actionStarted=false;    
87.     var keyPoints=new Array();
88.     var xs=new Array();
89.     var ys=new Array();
90.     var _showLabel=false;
91.     var _hotpic=null;
92.     
93.     this.Init=function(mapControl)
94.     {
95.         this.mapControl=mapControl;
96.         if(ygPos.browser=="ie")
97.         {
98.             mapControl.container.style.cursor="images/cursors/PointQuery.cur";
99.         }
100.         else
101.         {
102.             mapControl.container.style.cursor="crosshair";
103.         }
104.         
105.         if(showLabel != null)
106.         {
107.             _showLabel = showLabel;
108.         }
109.         
110.         if(hotpic == null)
111.         {
112.             _hotpic = "images/hotball.gif";
113.         }
114.         else
115.         {
116.             _hotpic = "images/" + hotpic;
117.         }
118.     }
119.     
120.     this.Destroy=function()
121.     {
122.         this.mapControl=null;
123.         xs=null;
124.         ys=null;
125.     }
126.     
127.     function _OnClick(e)
128.     {        
129.         if(!actionStarted)
130.         {
131.             keyPoints.push(e.mapCoord);
132.             xs.push(e.mapCoord.x);ys.push(e.mapCoord.y);
133.             actionStarted=true;         
134.         }       
135.         
136.         keyPoints.push(e.mapCoord);
137.         xs.push(e.mapCoord.x);ys.push(e.mapCoord.y);
138.     }
139.     
140.     this.OnMouseMove=function(e){
141.         if(!actionStarted){
     return false;}
142.         keyPoints.pop();
143.         xs.pop();ys.pop();
144.         keyPoints.push(e.mapCoord);
145.         xs.push(e.mapCoord.x);ys.push(e.mapCoord.y);
146.         this.mapControl.CustomLayer.InsertLine(title,xs,ys,2,"blue");
147.     }
148.         
149.     function _OnContextMenu(e)
150.     {
151.         if(_showLabel == true)
152.         {
153.             var i = Math.round(keyPoints.length / 2) - 1;    
154.             this.mapControl.CustomLayer.InsertMark("markPoint", xs[i], ys[i], null, null, "<div><img src='" + _hotpic + "' style='cursor:pointer' title='" + note + "' /><span>" + title + "</span></div>");
155.         }
156.         
157.         this.mapControl.SetAction(null);
158.     }
159.     
160.     function _GetJSON()
161.     {
162.         return _ActionToJSON(this.type,[]);
163.     }
165.     this.OnClick=_OnClick;
166.     this.OnContextMenu=_OnContextMenu;
167.     this.GetJSON=_GetJSON;
168. }
170. //用户自定义兴趣面标注
171. //title: 标注名
172. //note: 备注
173. //showPic: 是否显示标注内容
174. //hotpic: logo图片名(包含后缀)
175. SuperMap.IS.DrawMarkPolygonAction=function(title, note, showLabel, hotpic)
176. {
177.     this.type="SuperMap.IS.DrawMarkPolygonAction";
178.     var actionStarted=false;
179.     var keyPoints=new Array();
180.     var xs=new Array();
181.     var ys=new Array();
182.     var xcenter=0;
183.     var ycenter=0;
184.     var _showLabel=false;
185.     var _hotpic=null;
186.     
187.     this.Init=function(mapControl)
188.     {
189.         this.mapControl=mapControl;
190.         if(ygPos.browser=="ie")
191.         {
192.             mapControl.container.style.cursor="images/cursors/PointQuery.cur";
193.         }
194.         else
195.         {
196.             mapControl.container.style.cursor="crosshair";
197.         }
198.         
199.         if(showLabel != null)
200.         {
201.             _showLabel = showLabel;
202.         }
203.         
204.         if(hotpic == null)
205.         {
206.             _hotpic = "images/hotball.gif";
207.         }
208.         else
209.         {
210.             _hotpic = "images/" + hotpic;
211.         }
212.     }
213.     
214.     this.Destroy=function()
215.     {
216.         this.mapControl=null;
217.         xs=null;
218.         ys=null;
219.     }
220.     
221.     function _OnClick(e)
222.     {        
223.         if(!actionStarted)
224.         {
225.             keyPoints.push(e.mapCoord);
226.             xs.push(e.mapCoord.x);ys.push(e.mapCoord.y);
227.             actionStarted=true;         
228.         }       
229.         
230.         keyPoints.push(e.mapCoord);
231.         xs.push(e.mapCoord.x);ys.push(e.mapCoord.y);
232.     }
233.     
234.     this.OnMouseMove=function(e){
235.         if(!actionStarted){
     return false;}
236.         keyPoints.pop();
237.         xs.pop();ys.pop();
238.         keyPoints.push(e.mapCoord);
239.         xs.push(e.mapCoord.x);ys.push(e.mapCoord.y);
240.         this.mapControl.CustomLayer.InsertPolygon(title, xs, ys, 2, "blue", "white", 0.6,1);
241.     }
242.         
243.     function _OnContextMenu(e)
244.     {
245.         if(_showLabel == true)
246.         {
247.             // 多边形几何中心
248.             var n = keyPoints.length;
249.             for(var i=0; i<n; i++)
250.             {
251.                 xcenter += xs[i] / n;
252.                 ycenter += ys[i] / n;
253.             }
254.             
255.             this.mapControl.CustomLayer.InsertMark("markPoint", xcenter, ycenter, null, null, "<div><img src='" + _hotpic + "' style='border:0px; cursor:pointer' title='" + note + "' /><span>" + title + "</span></div>");
256.         }
257.         
258.         this.mapControl.SetAction(null);
259.     }
260.     
261.     function _GetJSON()
262.     {
263.         return _ActionToJSON(this.type,[]);
264.     }
266.     this.OnClick=_OnClick;
267.     this.OnContextMenu=_OnContextMenu;
268.     this.GetJSON=_GetJSON;
269. }

调用方法：

1. function SetCustomMark()
2. {
3.     var caption = $("Caption").value;
4.     var remark = $("Remark").value;
5.     var type = $("mark_type").value;
6.    
7.     switch(type)
8.     {
9.         case "text":
10.             SetMarkTextAction(caption,remark);
11.             break;
12.         case "point":
13.             SetMarkPointAction(caption,remark);
14.             break;
15.         case "line":
16.             SetMarkLineAction(caption,remark);
17.             break;
18.         case "polygon":
19.             SetMarkPolygonAction(caption,remark);
20.             break;
21.         default:
22.             break;
23.     }
24. }
26. function SetMarkTextAction(caption,remark)
27. {
28.     markPointAction = new SuperMap.IS.DrawMarkPointAction(caption,remark,false);
29.     MapControl1.SetAction(markPointAction);
30. }
32. function SetMarkPointAction(caption,remark)
33. {
34.     markPointAction = new SuperMap.IS.DrawMarkPointAction(caption,remark,true);
35.     MapControl1.SetAction(markPointAction);
36. }
38. function SetMarkLineAction(caption,remark)
39. {
40.     markLineAction = new SuperMap.IS.DrawMarkLineAction(caption,remark);
41.     MapControl1.SetAction(markLineAction);
42. }
44. function SetMarkPolygonAction(caption,remark)
45. {
46.     markPolygonAction = new SuperMap.IS.DrawMarkPolygonAction(caption,remark);
47.     MapControl1.SetAction(markPolygonAction);
48. }

脚本下载地址：

还有部分待完善，使自主标注内容能在线保存：）