SuperMap IS.NET自定义Action之兴趣点标注

Json 前端之家
前端之家收集整理的这篇文章主要介绍了SuperMap IS.NET自定义Action之兴趣点标注，前端之家小编觉得挺不错的，现在分享给大家，也给大家做个参考。

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

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

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

  1. //用户自定义兴趣点标注
  2. //title:标注名
  3. //note:备注
  4. //showPic:是否显示logoture/false
  5. //hotpic:logo图片名(包含后缀)
  6. SuperMap.IS.DrawMarkPointAction=function(title,note,showPic,hotpic)
  7. {
  8. this.type="SuperMap.IS.DrawMarkPointAction";
  9. varx=null;
  10. vary=null;
  11. var_showPic=false;
  12. var_hotpic=null;
  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. }
  26. if(showPic!=null)
  27. {
  28. _showPic=showPic;
  29. }
  31. if(hotpic==null)
  32. {
  33. _hotpic="images/hotball.gif";
  34. }
  35. else
  36. {
  37. _hotpic="images/"+hotpic;
  38. }
  39. }
  41. this.Destroy=function()
  42. {
  43. this.mapControl=null;
  44. x=null;
  45. y=null;
  46. }
  48. function_OnClick(e)
  49. {
  50. x=e.mapCoord.x;
  51. y=e.mapCoord.y;
  53. if(_showPic==true)
  54. {
  55. this.mapControl.CustomLayer.AddMark("markPoint",x,y,null,"<div><imgsrc='"+_hotpic+"'style='cursor:pointer'title='"+note+"'/><span>"+title+"</span></div>");
  56. }
  57. else
  58. {
  59. this.mapControl.CustomLayer.AddMark("markPoint","<div><b>"+title+"</b>"+note+"</div>");
  60. }
  61. }
  63. function_OnContextMenu(e)
  64. {
  65. this.mapControl.SetAction(null);
  66. }
  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,showLabel,hotpic)
  84. {
  85. this.type="SuperMap.IS.DrawMarkLineAction";
  86. varactionStarted=false;
  87. varkeyPoints=newArray();
  88. varxs=newArray();
  89. varys=newArray();
  90. var_showLabel=false;
  91. var_hotpic=null;
  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. }
  105. if(showLabel!=null)
  106. {
  107. _showLabel=showLabel;
  108. }
  110. if(hotpic==null)
  111. {
  112. _hotpic="images/hotball.gif";
  113. }
  114. else
  115. {
  116. _hotpic="images/"+hotpic;
  117. }
  118. }
  120. this.Destroy=function()
  121. {
  122. this.mapControl=null;
  123. xs=null;
  124. ys=null;
  125. }
  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. }
  136. keyPoints.push(e.mapCoord);
  137. xs.push(e.mapCoord.x);ys.push(e.mapCoord.y);
  138. }
  140. this.OnMouseMove=function(e){
  141. if(!actionStarted){returnfalse;}
  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. }
  149. function_OnContextMenu(e)
  150. {
  151. if(_showLabel==true)
  152. {
  153. vari=Math.round(keyPoints.length/2)-1;
  154. this.mapControl.CustomLayer.InsertMark("markPoint",xs[i],ys[i],"<div><imgsrc='"+_hotpic+"'style='cursor:pointer'title='"+note+"'/><span>"+title+"</span></div>");
  155. }
  157. this.mapControl.SetAction(null);
  158. }
  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,hotpic)
  176. {
  177. this.type="SuperMap.IS.DrawMarkPolygonAction";
  178. varactionStarted=false;
  179. varkeyPoints=newArray();
  180. varxs=newArray();
  181. varys=newArray();
  182. varxcenter=0;
  183. varycenter=0;
  184. var_showLabel=false;
  185. var_hotpic=null;
  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. }
  199. if(showLabel!=null)
  200. {
  201. _showLabel=showLabel;
  202. }
  204. if(hotpic==null)
  205. {
  206. _hotpic="images/hotball.gif";
  207. }
  208. else
  209. {
  210. _hotpic="images/"+hotpic;
  211. }
  212. }
  214. this.Destroy=function()
  215. {
  216. this.mapControl=null;
  217. xs=null;
  218. ys=null;
  219. }
  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. }
  230. keyPoints.push(e.mapCoord);
  231. xs.push(e.mapCoord.x);ys.push(e.mapCoord.y);
  232. }
  234. this.OnMouseMove=function(e){
  235. if(!actionStarted){returnfalse;}
  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,"blue","white",0.6,1);
  241. }
  243. function_OnContextMenu(e)
  244. {
  245. if(_showLabel==true)
  246. {
  247. //多边形几何中心
  248. varn=keyPoints.length;
  249. for(vari=0;i<n;i++)
  250. {
  251. xcenter+=xs[i]/n;
  252. ycenter+=ys[i]/n;
  253. }
  255. this.mapControl.CustomLayer.InsertMark("markPoint",xcenter,ycenter,"<div><imgsrc='"+_hotpic+"'style='border:0px;cursor:pointer'title='"+note+"'/><span>"+title+"</span></div>");
  256. }
  258. this.mapControl.SetAction(null);
  259. }
  261. function_GetJSON()
  262. {
  263. return_ActionToJSON(this.type,[]);
  264. }
  266. this.OnClick=_OnClick;
  267. this.OnContextMenu=_OnContextMenu;
  268. this.GetJSON=_GetJSON;
  269. }

调用方法：

  1. functionSetCustomMark()
  2. {
  3. varcaption=$("Caption").value;
  4. varremark=$("Remark").value;
  5. vartype=$("mark_type").value;
  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. functionSetMarkTextAction(caption,remark)
  27. {
  28. markPointAction=newSuperMap.IS.DrawMarkPointAction(caption,remark,false);
  29. MapControl1.SetAction(markPointAction);
  30. }
  32. functionSetMarkPointAction(caption,true);
  33. MapControl1.SetAction(markPointAction);
  34. }
  36. functionSetMarkLineAction(caption,remark)
  37. {
  38. markLineAction=newSuperMap.IS.DrawMarkLineAction(caption,remark);
  39. MapControl1.SetAction(markLineAction);
  40. }
  42. functionSetMarkPolygonAction(caption,remark)
  43. {
  44. markPolygonAction=newSuperMap.IS.DrawMarkPolygonAction(caption,remark);
  45. MapControl1.SetAction(markPolygonAction);
  46. }

脚本下载地址：http://download.csdn.net/source/591063

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

欢迎提供建议！

猜你在找的Json相关文章

jsonp
　　jsonp需要在页面中添加一个<script>元素，由该元素来从其他服务器加载json数据。...
jsonp跨域
<script> var testApi = "地址"; $.ajax({ url:testApi,//可以不是本地域名...
MVC上的jsonp扩展，解决跨域访问问题
总是有人会遇到跨域问题，然后有个jsonp的解决方案，MVC中代码如下： public class JsonpR...
fastjson反序列化json对象时保留null值的key
最近开发中遇到调用第三方web_api的功能，后端在处理json数据时使用fastjson来做反序列化，...
JsonCpp 的使用
JSON全称为JavaScript ObjectNotation，它是一种轻量级的数据交换格式，易于阅读、编写、解...
jsonp
var newScript = document.createElement(‘script‘); newScript.setAtt...
jsonp 跨域
$.ajax({ url:"http://192.168.100.47:8080/ais-connect/data/newai...
JSONArray 去重
前台说 只能传给我这样的数据 [     {         "labelName":"皮肤颜...
FastJson的坑
1.list中放入同一个对象，会出现内存地址引用{"$ref":"#[0]"}，后台可以识...
fastJson转换对象与字符串
static class TempClass{ private String name; private int age; public String getName(...
HTMLHTML5JavaScriptCSSjQueryBootstrapAngularjsTypeScriptVueDojoJsonElectronNode.jsextjsExpress XMLES6AjaxFlashUnityReactFlexAnt DesignWeb前端微信小程序微信公众号
关闭广告单独headers封装代码提示错误整数正则非0开头跳页出页码antd table提示URL未注册公众号支付vue hash模式iSlider车牌键盘循环图片echarts 双折左右布局DllPlugin对象创建打字游戏圈选两栏云函数蒙版ES2020橱窗无缝滚动轮播色块碰撞组件销毁文档操作