Home Explore Help
Register Sign In
zhourj
/
JT-CIM-API
1
0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Tree: 3575778842
Branches Tags
JT-CIM-API
/
public
/
docs
/
theme-reco
/
jtlocationregion.html

jtlocationregion.html 28 KB
History Raw

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252 
  1. <!DOCTYPE html>
    2. 

  2. <html lang="en-US">
    3. 

  3.   <head>
    4. 

  4.     <meta charset="utf-8">
    5. 

  5.     <meta name="viewport" content="width=device-width,initial-scale=1">
    6. 

  6.     <title>区域导航组件 | CIM平台接口文档</title>
    7. 

  7.     <meta name="generator" content="VuePress 1.9.7">
    8. 

  8.     <link rel="icon" href="./favicon.ico">
    9. 

  9.     <meta name="description" content="CIM平台接口文档">
    10. 

  10.     <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no">
    11. 

  11.     
    12. 

  12.     <link rel="preload" href="./assets/css/0.styles.8bdba296.css" as="style"><link rel="preload" href="./assets/js/app.1ee2e600.js" as="script"><link rel="preload" href="./assets/js/3.30d9a26e.js" as="script"><link rel="preload" href="./assets/js/1.0be896dd.js" as="script"><link rel="preload" href="./assets/js/18.b6e560f1.js" as="script"><link rel="prefetch" href="./assets/js/10.fd353f98.js"><link rel="prefetch" href="./assets/js/11.1e42b2cd.js"><link rel="prefetch" href="./assets/js/12.2c76654a.js"><link rel="prefetch" href="./assets/js/13.7753ee40.js"><link rel="prefetch" href="./assets/js/14.da8eb95f.js"><link rel="prefetch" href="./assets/js/15.03a1354a.js"><link rel="prefetch" href="./assets/js/16.140aa575.js"><link rel="prefetch" href="./assets/js/17.12cad80e.js"><link rel="prefetch" href="./assets/js/19.010a282d.js"><link rel="prefetch" href="./assets/js/20.f35288eb.js"><link rel="prefetch" href="./assets/js/21.eab3eaf2.js"><link rel="prefetch" href="./assets/js/22.25462113.js"><link rel="prefetch" href="./assets/js/23.40d7a61a.js"><link rel="prefetch" href="./assets/js/24.4dbb006b.js"><link rel="prefetch" href="./assets/js/25.d93a62c9.js"><link rel="prefetch" href="./assets/js/26.03bf1459.js"><link rel="prefetch" href="./assets/js/27.40dd82be.js"><link rel="prefetch" href="./assets/js/28.49ef950f.js"><link rel="prefetch" href="./assets/js/29.90b4c97b.js"><link rel="prefetch" href="./assets/js/30.9bdfc7b4.js"><link rel="prefetch" href="./assets/js/31.b352647b.js"><link rel="prefetch" href="./assets/js/4.6c3677e7.js"><link rel="prefetch" href="./assets/js/5.26aac61f.js"><link rel="prefetch" href="./assets/js/6.731de608.js"><link rel="prefetch" href="./assets/js/7.00822216.js"><link rel="prefetch" href="./assets/js/8.0a99cbc3.js"><link rel="prefetch" href="./assets/js/9.0ca1aea6.js">
    13. 

  13.     <link rel="stylesheet" href="./assets/css/0.styles.8bdba296.css">
    14. 

  14.   </head>
    15. 

  15.   <body>
    16. 

  16.     <div id="app" data-server-rendered="true"><div class="theme-container" data-v-7dd95ae2><div data-v-7dd95ae2><div class="password-shadow password-wrapper-out" style="display:none;" data-v-59e6cb88 data-v-7dd95ae2 data-v-7dd95ae2><h3 class="title" data-v-59e6cb88>CIM平台接口文档</h3> <p class="description" data-v-59e6cb88>CIM平台接口文档</p> <label id="box" class="inputBox" data-v-59e6cb88><input type="password" value="" data-v-59e6cb88> <span data-v-59e6cb88>Konck! Knock!</span> <button data-v-59e6cb88>OK</button></label> <div class="footer" data-v-59e6cb88><span data-v-59e6cb88><i class="iconfont reco-theme" data-v-59e6cb88></i> <a target="blank" href="https://vuepress-theme-reco.recoluan.com" data-v-59e6cb88>vuePress-theme-reco</a></span> <span data-v-59e6cb88><i class="iconfont reco-copyright" data-v-59e6cb88></i> <a data-v-59e6cb88><span data-v-59e6cb88>金田@author彭于晏</span>
    17. 

  17.           
    18. 

  18.         <!---->
    19. 

  19.         2023
    20. 

  20.       </a></span></div></div> <div class="hide" data-v-7dd95ae2><header class="navbar" data-v-7dd95ae2><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/./" class="home-link router-link-active"><img src="./logo.png" alt="CIM平台接口文档" class="logo"> <span class="site-name">CIM平台接口文档</span></a> <div class="links"><div class="color-picker"><a class="color-button"><i class="iconfont reco-color"></i></a> <div class="color-picker-menu" style="display:none;"><div class="mode-options"><h4 class="title">Choose mode</h4> <ul class="color-mode-options"><li class="dark">dark</li><li class="auto active">auto</li><li class="light">light</li></ul></div></div></div> <div class="search-box"><i class="iconfont reco-search"></i> <input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/./" class="nav-link"><i class="iconfont reco-home"></i>
    21. 

  21.   主页
    22. 

  22. </a></div><div class="nav-item"><a href="/./docs/theme-reco/jtlayers/" class="nav-link"><i class="iconfont reco-message"></i>
    23. 

  23.   API
    24. 

  24. </a></div> <!----></nav></div></header> <div class="sidebar-mask" data-v-7dd95ae2></div> <aside class="sidebar" data-v-7dd95ae2><div class="personal-info-wrapper" data-v-1fad0c41 data-v-7dd95ae2><img src="./pyy.jpg" alt="author-avatar" class="personal-img" data-v-1fad0c41> <h3 class="name" data-v-1fad0c41>
    25. 

  25.     金田@author彭于晏
    26. 

  26.   </h3> <div class="num" data-v-1fad0c41><div data-v-1fad0c41><h3 data-v-1fad0c41>21</h3> <h6 data-v-1fad0c41>Articles</h6></div> <div data-v-1fad0c41><h3 data-v-1fad0c41>0</h3> <h6 data-v-1fad0c41>Tags</h6></div></div> <ul class="social-links" data-v-1fad0c41></ul> <hr data-v-1fad0c41></div> <nav class="nav-links"><div class="nav-item"><a href="/./" class="nav-link"><i class="iconfont reco-home"></i>
    27. 

  27.   主页
    28. 

  28. </a></div><div class="nav-item"><a href="/./docs/theme-reco/jtlayers/" class="nav-link"><i class="iconfont reco-message"></i>
    29. 

  29.   API
    30. 

  30. </a></div> <!----></nav> <ul class="sidebar-links"><li><section class="sidebar-group collapsable depth-0"><p class="sidebar-heading open"><span>地图API</span> <span class="arrow down"></span></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/./docs/theme-reco/jtpopup.html" class="sidebar-link">弹出框</a></li><li><a href="/./docs/theme-reco/jtlayers.html" class="sidebar-link">图层控制</a></li><li><a href="/./docs/theme-reco/jtbasemaps.html" class="sidebar-link">底图切换</a></li><li><a href="/./docs/theme-reco/jtbookmark.html" class="sidebar-link">视角标签</a></li><li><a href="/./docs/theme-reco/jtquerygraphics.html" class="sidebar-link">图形查询</a></li><li><a href="/./docs/theme-reco/jtquerypoi.html" class="sidebar-link">关键字查询</a></li><li><a href="/./docs/theme-reco/jtqueryresult.html" class="sidebar-link">查询结果</a></li><li><a href="/./docs/theme-reco/jttoolbars.html" class="sidebar-link">工具栏</a></li><li><a href="/./docs/theme-reco/jtspecialeffects.html" class="sidebar-link">特效效果</a></li><li><a href="/./docs/theme-reco/jtroamingpath.html" class="sidebar-link">跟踪漫游</a></li><li><a href="/./docs/theme-reco/jtprint.html" class="sidebar-link">地图打印</a></li><li><a href="/./docs/theme-reco/jtplot.html" class="sidebar-link">地图标绘</a></li><li><a href="/./docs/theme-reco/jtmeasure.html" class="sidebar-link">地图测量</a></li><li><a href="/./docs/theme-reco/jtmapsplit.html" class="sidebar-link">卷帘对比</a></li><li><a href="/./docs/theme-reco/jtmapcompare.html" class="sidebar-link">分屏对比</a></li><li><a href="/./docs/theme-reco/jtlocationregion.html" aria-current="page" class="active sidebar-link">区域导航</a></li><li><a href="/./docs/theme-reco/jtcoordinate.html" class="sidebar-link">坐标工具</a></li><li><a href="/./docs/theme-reco/jtanalysisterrain.html" class="sidebar-link">地形分析</a></li><li><a href="/./docs/theme-reco/jtanalysisspace.html" class="sidebar-link">空间分析</a></li><li><a href="/./docs/theme-reco/jtanalysisshp.html" class="sidebar-link">文件解析</a></li></ul></section></li></ul> </aside> <div class="password-shadow password-wrapper-in" style="display:none;" data-v-59e6cb88 data-v-7dd95ae2><h3 class="title" data-v-59e6cb88>区域导航组件</h3> <!----> <label id="box" class="inputBox" data-v-59e6cb88><input type="password" value="" data-v-59e6cb88> <span data-v-59e6cb88>Konck! Knock!</span> <button data-v-59e6cb88>OK</button></label> <div class="footer" data-v-59e6cb88><span data-v-59e6cb88><i class="iconfont reco-theme" data-v-59e6cb88></i> <a target="blank" href="https://vuepress-theme-reco.recoluan.com" data-v-59e6cb88>vuePress-theme-reco</a></span> <span data-v-59e6cb88><i class="iconfont reco-copyright" data-v-59e6cb88></i> <a data-v-59e6cb88><span data-v-59e6cb88>金田@author彭于晏</span>
    31. 

  31.           
    32. 

  32.         <!---->
    33. 

  33.         2023
    34. 

  34.       </a></span></div></div> <div data-v-7dd95ae2><div data-v-7dd95ae2><main class="page" style="padding-right:0;"><section style="display:;"><div class="page-title"><h1 class="title">区域导航组件</h1> <div data-v-8a445198><i class="iconfont reco-account" data-v-8a445198><span data-v-8a445198>金田@author彭于晏</span></i> <i class="iconfont reco-date" data-v-8a445198><span data-v-8a445198>7/18/2023</span></i> <!----> <!----></div></div> <div class="theme-reco-content content__default"><p></p><div class="table-of-contents"><ul><li><a href="#_1-jt-locationregion-简介">1. jt-locationRegion 简介</a></li><li><a href="#_2-warning">2.Warning</a></li><li><a href="#_3-jt-locationregion-api">3. jt-locationRegion API</a></li><li><a href="#_4-jt-locationregion-methods-api">4. jt-locationRegion methods API</a></li><li><a href="#_5-代码示例">5. 代码示例</a></li></ul></div><p></p> <h2 id="_1-jt-locationregion-简介"><a href="#_1-jt-locationregion-简介" class="header-anchor">#</a> 1. jt-locationRegion 简介</h2> <ul><li>用于多级区域定位，支持多级联动</li></ul> <h2 id="_2-warning"><a href="#_2-warning" class="header-anchor">#</a> 2.Warning</h2> <div class="custom-block warning"><p class="title">注意</p><ul><li>头部标题切换时，需要注意contentList的改变!</li> <li>使用ref标记组件时，同时需要定义标记名称！具体可参考CIM平台区域导航组件写法！</li></ul></div><h2 id="_3-jt-locationregion-api"><a href="#_3-jt-locationregion-api" class="header-anchor">#</a> 3. jt-locationRegion API</h2> <table><thead><tr><th style="text-align:left;">属性名</th> <th style="text-align:center;">说明</th> <th style="text-align:center;">类型</th> <th style="text-align:center;">是否必须</th></tr></thead> <tbody><tr><td style="text-align:left;">viewer</td> <td style="text-align:center;">从jtMap3d实例获取视图</td> <td style="text-align:center;">obj</td> <td style="text-align:center;">是</td></tr> <tr><td style="text-align:left;">editTabs</td> <td style="text-align:center;">头部tabs</td> <td style="text-align:center;">array</td> <td style="text-align:center;">是</td></tr> <tr><td style="text-align:left;">contentList</td> <td style="text-align:center;">内容展示，市县镇列表</td> <td style="text-align:center;">array</td> <td style="text-align:center;">是</td></tr> <tr><td style="text-align:left;">activeName</td> <td style="text-align:center;">默认选中的tab</td> <td style="text-align:center;">num</td> <td style="text-align:center;">是</td></tr></tbody></table> <h2 id="_4-jt-locationregion-methods-api"><a href="#_4-jt-locationregion-methods-api" class="header-anchor">#</a> 4. jt-locationRegion methods API</h2> <table><thead><tr><th style="text-align:left;">方法名</th> <th style="text-align:center;">说明</th> <th style="text-align:center;">类型</th> <th style="text-align:center;">是否必须</th></tr></thead> <tbody><tr><td style="text-align:left;">addTabs</td> <td style="text-align:center;">添加头部tab对象，传入值obj对象，用于请求数据</td> <td style="text-align:center;">methods</td> <td style="text-align:center;">是</td></tr> <tr><td style="text-align:left;">changeTabs</td> <td style="text-align:center;">头部标题点击事件</td> <td style="text-align:center;">methods</td> <td style="text-align:center;">是</td></tr></tbody></table> <h2 id="_5-代码示例"><a href="#_5-代码示例" class="header-anchor">#</a> 5. 代码示例</h2> <div class="language- line-numbers-mode"><pre class="language-text"><code>&lt;template&gt;
    35. 

  35. 	&lt;jt-popup title=&quot;区域导航&quot;&gt;
    36. 

  36. 		&lt;jt-locationRegion ref=&quot;locationregionRef&quot; :viewer=&quot;viewer&quot; :editTabs=&quot;editTabs&quot; :contentList=&quot;contentList&quot; :activeName=&quot;activeName&quot; @addTabs=&quot;addTab&quot; @changeTabs=&quot;changeTabs&quot;&gt;&lt;/jt-locationRegion&gt;
    37. 

  37. 	&lt;/jt-popup&gt;
    38. 

  38. &lt;/template&gt;
    39. 

  39. 

  40. &lt;script setup&gt;
    41. 

  41. 	import {
    42. 

  42. 		onMounted,
    43. 

  43. 		onBeforeUnmount,
    44. 

  44. 		ref,
    45. 

  45. 		inject
    46. 

  46. 	} from &quot;vue&quot;;
    47. 

  47. 

  48. 	import {
    49. 

  49. 		useWidget
    50. 

  50. 	} from &quot;@/common/store/widget&quot;
    51. 

  51. 	const {
    52. 

  52. 		disable,
    53. 

  53. 		currentWidget
    54. 

  54. 	} = useWidget();
    55. 

  55. 

  56. 	import {
    57. 

  57. 		deepTree
    58. 

  58. 	} from &quot;@/utils/deepTree.js&quot;;
    59. 

  59. 	import $http from '@/utils/http.js';
    60. 

  60. 	import store from '@/store/index';
    61. 

  61. 

  62. 	/**
    63. 

  63. 	 * 获取地图对象
    64. 

  64. 	 */
    65. 

  65. 	const getMapInstance = inject(&quot;getMapInstance&quot;);
    66. 

  66. 	let jtMap3d = getMapInstance();
    67. 

  67. 	let viewer = jtMap3d._viewer;
    68. 

  68. 

  69. 	//定义属性
    70. 

  70. 	let locateUtilObj;
    71. 

  71. 	const editTabs = ref([{
    72. 

  72. 		title: '牟平',
    73. 

  73. 		name: 0,
    74. 

  74. 	}])
    75. 

  75. 	const contentList = ref([]); //内容
    76. 

  76. 	const activeName = ref(0); //目前选中-tab
    77. 

  77. 

  78. 	let tabIndex = 0;
    79. 

  79. 

  80. 	//定义子组件实例，名称要和上面的ref相同
    81. 

  81. 	const locationregionRef = ref(null)
    82. 

  82. 

  83. 	onMounted(() =&gt; {
    84. 

  84. 		initTabContent({
    85. 

  85. 			tableName: 'map_region', //表名
    86. 

  86. 			sqlWhere: &quot;dj = 1&quot;, //查询条件
    87. 

  87. 			orderByField: '' //排序字段
    88. 

  88. 		});
    89. 

  89. 	});
    90. 

  90. 

  91. 	/**
    92. 

  92. 	 * 初始化内容
    93. 

  93. 	 * @param {Object} options
    94. 

  94. 	 */
    95. 

  95. 	function initTabContent(options) {
    96. 

  96. 		getTabContent(options).then(res =&gt; {
    97. 

  97. 			tabIndex++;
    98. 

  98. 			contentList.value = []
    99. 

  99. 			res.map(item =&gt; {
    100. 

  100. 

  101. 				item.title = item.regionname;
    102. 

  102. 				item.name = tabIndex;
    103. 

  103. 

  104. 				contentList.value.push(item)
    105. 

  105. 			})
    106. 

  106. 		});
    107. 

  107. 	}
    108. 

  108. 

  109. 

  110. 	/**
    111. 

  111. 	 * 添加tab
    112. 

  112. 	 */
    113. 

  113. 	function addTab(item) {
    114. 

  114. 		
    115. 

  115. 		//定位
    116. 

  116. 		getGeoJson({
    117. 

  117. 			tableName: 'map_region', //
    118. 

  118. 			sqlWhere: &quot;dj = &quot; + item.dj + &quot; and regioncode like '&quot; + item.regioncode + &quot;%'&quot;,
    119. 

  119. 			orderByField: ''
    120. 

  120. 		}).then(res =&gt; {
    121. 

  121. 			locationregionRef.value.locHighlight(res)
    122. 

  122. 		});
    123. 

  123. 

  124. 		let tabIndex = 0
    125. 

  125. 		if (item.dj === 1) {
    126. 

  126. 

  127. 			tabIndex++;
    128. 

  128. 			const newTabName = tabIndex;
    129. 

  129. 			editTabs.value.push({
    130. 

  130. 				title: item.regionname,
    131. 

  131. 				name: newTabName,
    132. 

  132. 			})
    133. 

  133. 			activeName.value = newTabName
    134. 

  134. 

  135. 			//内容
    136. 

  136. 			getTabContent({
    137. 

  137. 				tableName: 'map_region', //表名
    138. 

  138. 				sqlWhere: &quot;dj = 2 and regioncode like '&quot; + item.regioncode.slice(0, 9) + &quot;%'&quot;, //查询条件
    139. 

  139. 				orderByField: '' //排序字段
    140. 

  140. 			}).then(res =&gt; {
    141. 

  141. 				tabIndex++;
    142. 

  142. 				contentList.value = []
    143. 

  143. 				res.map(item =&gt; {
    144. 

  144. 

  145. 					item.title = item.regionname;
    146. 

  146. 					item.name = tabIndex;
    147. 

  147. 

  148. 					contentList.value.push(item)
    149. 

  149. 				})
    150. 

  150. 			});
    151. 

  151. 		}
    152. 

  152. 	}
    153. 

  153. 

  154. 	//头部标题点击事件
    155. 

  155. 	function changeTabs() {
    156. 

  156. 		initTabContent({
    157. 

  157. 			tableName: 'map_region', //表名
    158. 

  158. 			sqlWhere: &quot;dj = 1&quot;, //查询条件
    159. 

  159. 			orderByField: '' //排序字段
    160. 

  160. 		});
    161. 

  161. 

  162. 		editTabs.value = editTabs.value.slice(0, 1)
    163. 

  163. 		activeName.value = 0;
    164. 

  164. 

  165. 		//全图事件
    166. 

  166. 		fullMap(store.map3dStore.center);
    167. 

  167. 

  168. 	}
    169. 

  169. 

  170. 	/**
    171. 

  171. 	 * 全图-飞行到项目区域范围视角
    172. 

  172. 	 */
    173. 

  173. 	const fullMap = (options) =&gt; {
    174. 

  174. 

  175. 		// 初始化项目区域范围视角
    176. 

  176. 		let optionsS = {
    177. 

  177. 			west: options.west, //西
    178. 

  178. 			south: options.south, //南
    179. 

  179. 			east: options.east, //东
    180. 

  180. 			north: options.north, //北
    181. 

  181. 			isRemove: false, //定位完成后是否删除
    182. 

  182. 			duration: 3, //飞行时间
    183. 

  183. 			heading: 0,
    184. 

  184. 			pitch: -90,
    185. 

  185. 			range: 60000
    186. 

  186. 		};
    187. 

  187. 

  188. 		let optionsE = {
    189. 

  189. 			west: options.west, //西
    190. 

  190. 			south: options.south, //南
    191. 

  191. 			east: options.east, //东
    192. 

  192. 			north: options.north, //北
    193. 

  193. 			isRemove: true, //定位完成后是否删除
    194. 

  194. 			duration: options.duration, //飞行时间
    195. 

  195. 			heading: options.heading,
    196. 

  196. 			pitch: options.pitch,
    197. 

  197. 			range: options.range
    198. 

  198. 		};
    199. 

  199. 

  200. 		if (!locateUtilObj) {
    201. 

  201. 			locateUtilObj = new jtMap3dSDK.LocateUtil(viewer);
    202. 

  202. 		}
    203. 

  203. 

  204. 		var fullMapPromise = locateUtilObj.fullMap(optionsS);
    205. 

  205. 		fullMapPromise.then(function(flyPromise) {
    206. 

  206. 			locateUtilObj.fullMap(optionsE);
    207. 

  207. 		});
    208. 

  208. 	}
    209. 

  209. 

  210. 	/**
    211. 

  211. 	 * 调用查询地图坐标接口
    212. 

  212. 	 * @param {Object} options
    213. 

  213. 	 */
    214. 

  214. 	function getGeoJson(options) {
    215. 

  215. 		return new Promise((resolve, reject) =&gt; {
    216. 

  216. 			$http.get('/getGeoJson', options).then(res =&gt; {
    217. 

  217. 				if (res.success) {
    218. 

  218. 					resolve(res.data)
    219. 

  219. 				}
    220. 

  220. 			});
    221. 

  221. 		});
    222. 

  222. 	}
    223. 

  223. 

  224. 	/**
    225. 

  225. 	 * 调用数据查询接口
    226. 

  226. 	 * @param {Object} options
    227. 

  227. 	 */
    228. 

  228. 	function getTabContent(options) {
    229. 

  229. 

  230. 		return new Promise((resolve, reject) =&gt; {
    231. 

  231. 			$http.get('/getTableList', options).then(res =&gt; {
    232. 

  232. 				if (res.data.length &gt; 0) {
    233. 

  233. 					resolve(res.data)
    234. 

  234. 				}
    235. 

  235. 			});
    236. 

  236. 		});
    237. 

  237. 	}
    238. 

  238. 

  239. &lt;/script&gt;
    240. 

  240. 

  241. </code></pre> <div class="line-numbers-wrapper"><span class="line-number">1</span><br><span class="line-number">2</span><br><span class="line-number">3</span><br><span class="line-number">4</span><br><span class="line-number">5</span><br><span class="line-number">6</span><br><span class="line-number">7</span><br><span class="line-number">8</span><br><span class="line-number">9</span><br><span class="line-number">10</span><br><span class="line-number">11</span><br><span class="line-number">12</span><br><span class="line-number">13</span><br><span class="line-number">14</span><br><span class="line-number">15</span><br><span class="line-number">16</span><br><span class="line-number">17</span><br><span class="line-number">18</span><br><span class="line-number">19</span><br><span class="line-number">20</span><br><span class="line-number">21</span><br><span class="line-number">22</span><br><span class="line-number">23</span><br><span class="line-number">24</span><br><span class="line-number">25</span><br><span class="line-number">26</span><br><span class="line-number">27</span><br><span class="line-number">28</span><br><span class="line-number">29</span><br><span class="line-number">30</span><br><span class="line-number">31</span><br><span class="line-number">32</span><br><span class="line-number">33</span><br><span class="line-number">34</span><br><span class="line-number">35</span><br><span class="line-number">36</span><br><span class="line-number">37</span><br><span class="line-number">38</span><br><span class="line-number">39</span><br><span class="line-number">40</span><br><span class="line-number">41</span><br><span class="line-number">42</span><br><span class="line-number">43</span><br><span class="line-number">44</span><br><span class="line-number">45</span><br><span class="line-number">46</span><br><span class="line-number">47</span><br><span class="line-number">48</span><br><span class="line-number">49</span><br><span class="line-number">50</span><br><span class="line-number">51</span><br><span class="line-number">52</span><br><span class="line-number">53</span><br><span class="line-number">54</span><br><span class="line-number">55</span><br><span class="line-number">56</span><br><span class="line-number">57</span><br><span class="line-number">58</span><br><span class="line-number">59</span><br><span class="line-number">60</span><br><span class="line-number">61</span><br><span class="line-number">62</span><br><span class="line-number">63</span><br><span class="line-number">64</span><br><span class="line-number">65</span><br><span class="line-number">66</span><br><span class="line-number">67</span><br><span class="line-number">68</span><br><span class="line-number">69</span><br><span class="line-number">70</span><br><span class="line-number">71</span><br><span class="line-number">72</span><br><span class="line-number">73</span><br><span class="line-number">74</span><br><span class="line-number">75</span><br><span class="line-number">76</span><br><span class="line-number">77</span><br><span class="line-number">78</span><br><span class="line-number">79</span><br><span class="line-number">80</span><br><span class="line-number">81</span><br><span class="line-number">82</span><br><span class="line-number">83</span><br><span class="line-number">84</span><br><span class="line-number">85</span><br><span class="line-number">86</span><br><span class="line-number">87</span><br><span class="line-number">88</span><br><span class="line-number">89</span><br><span class="line-number">90</span><br><span class="line-number">91</span><br><span class="line-number">92</span><br><span class="line-number">93</span><br><span class="line-number">94</span><br><span class="line-number">95</span><br><span class="line-number">96</span><br><span class="line-number">97</span><br><span class="line-number">98</span><br><span class="line-number">99</span><br><span class="line-number">100</span><br><span class="line-number">101</span><br><span class="line-number">102</span><br><span class="line-number">103</span><br><span class="line-number">104</span><br><span class="line-number">105</span><br><span class="line-number">106</span><br><span class="line-number">107</span><br><span class="line-number">108</span><br><span class="line-number">109</span><br><span class="line-number">110</span><br><span class="line-number">111</span><br><span class="line-number">112</span><br><span class="line-number">113</span><br><span class="line-number">114</span><br><span class="line-number">115</span><br><span class="line-number">116</span><br><span class="line-number">117</span><br><span class="line-number">118</span><br><span class="line-number">119</span><br><span class="line-number">120</span><br><span class="line-number">121</span><br><span class="line-number">122</span><br><span class="line-number">123</span><br><span class="line-number">124</span><br><span class="line-number">125</span><br><span class="line-number">126</span><br><span class="line-number">127</span><br><span class="line-number">128</span><br><span class="line-number">129</span><br><span class="line-number">130</span><br><span class="line-number">131</span><br><span class="line-number">132</span><br><span class="line-number">133</span><br><span class="line-number">134</span><br><span class="line-number">135</span><br><span class="line-number">136</span><br><span class="line-number">137</span><br><span class="line-number">138</span><br><span class="line-number">139</span><br><span class="line-number">140</span><br><span class="line-number">141</span><br><span class="line-number">142</span><br><span class="line-number">143</span><br><span class="line-number">144</span><br><span class="line-number">145</span><br><span class="line-number">146</span><br><span class="line-number">147</span><br><span class="line-number">148</span><br><span class="line-number">149</span><br><span class="line-number">150</span><br><span class="line-number">151</span><br><span class="line-number">152</span><br><span class="line-number">153</span><br><span class="line-number">154</span><br><span class="line-number">155</span><br><span class="line-number">156</span><br><span class="line-number">157</span><br><span class="line-number">158</span><br><span class="line-number">159</span><br><span class="line-number">160</span><br><span class="line-number">161</span><br><span class="line-number">162</span><br><span class="line-number">163</span><br><span class="line-number">164</span><br><span class="line-number">165</span><br><span class="line-number">166</span><br><span class="line-number">167</span><br><span class="line-number">168</span><br><span class="line-number">169</span><br><span class="line-number">170</span><br><span class="line-number">171</span><br><span class="line-number">172</span><br><span class="line-number">173</span><br><span class="line-number">174</span><br><span class="line-number">175</span><br><span class="line-number">176</span><br><span class="line-number">177</span><br><span class="line-number">178</span><br><span class="line-number">179</span><br><span class="line-number">180</span><br><span class="line-number">181</span><br><span class="line-number">182</span><br><span class="line-number">183</span><br><span class="line-number">184</span><br><span class="line-number">185</span><br><span class="line-number">186</span><br><span class="line-number">187</span><br><span class="line-number">188</span><br><span class="line-number">189</span><br><span class="line-number">190</span><br><span class="line-number">191</span><br><span class="line-number">192</span><br><span class="line-number">193</span><br><span class="line-number">194</span><br><span class="line-number">195</span><br><span class="line-number">196</span><br><span class="line-number">197</span><br><span class="line-number">198</span><br><span class="line-number">199</span><br><span class="line-number">200</span><br><span class="line-number">201</span><br><span class="line-number">202</span><br><span class="line-number">203</span><br><span class="line-number">204</span><br><span class="line-number">205</span><br><span class="line-number">206</span><br><span class="line-number">207</span><br></div></div></div></section> <footer class="page-edit"><!----> <!----></footer> <div class="page-nav"><p class="inner"><span class="prev"><a href="/./docs/theme-reco/jtmapcompare.html" class="prev">
    242. 

  242.           分屏对比
    243. 

  243.         </a></span> <span class="next"><a href="/./docs/theme-reco/jtcoordinate.html">
    244. 

  244.           坐标工具
    245. 

  245.         </a></span></p></div> <div class="comments-wrapper"><!----></div></main></div> <!----></div> <ul class="sub-sidebar sub-sidebar-wrapper" style="width:0;" data-v-b57cc07c data-v-7dd95ae2></ul></div></div></div><div class="global-ui"><div class="back-to-ceiling" style="right:1rem;bottom:6rem;width:2.5rem;height:2.5rem;border-radius:.25rem;line-height:2.5rem;display:none;" data-v-c6073ba8 data-v-c6073ba8><svg t="1574745035067" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5404" class="icon" data-v-c6073ba8><path d="M526.60727968 10.90185116a27.675 27.675 0 0 0-29.21455937 0c-131.36607665 82.28402758-218.69155461 228.01873535-218.69155402 394.07834331a462.20625001 462.20625001 0 0 0 5.36959153 69.94390903c1.00431239 6.55289093-0.34802892 13.13561351-3.76865779 18.80351572-32.63518765 54.11355614-51.75690182 118.55860487-51.7569018 187.94566865a371.06718723 371.06718723 0 0 0 11.50484808 91.98906777c6.53300375 25.50556257 41.68394495 28.14064038 52.69160883 4.22606766 17.37162448-37.73630017 42.14135425-72.50938081 72.80769204-103.21549295 2.18761121 3.04276886 4.15646224 6.24463696 6.40373557 9.22774369a1871.4375 1871.4375 0 0 0 140.04691725 5.34970492 1866.36093723 1866.36093723 0 0 0 140.04691723-5.34970492c2.24727335-2.98310674 4.21612437-6.18497483 6.3937923-9.2178004 30.66633723 30.70611158 55.4360664 65.4791928 72.80769147 103.21549355 11.00766384 23.91457269 46.15860503 21.27949489 52.69160879-4.22606768a371.15156223 371.15156223 0 0 0 11.514792-91.99901164c0-69.36717486-19.13165746-133.82216804-51.75690182-187.92578088-3.42062944-5.66790279-4.76302748-12.26056868-3.76865837-18.80351632a462.20625001 462.20625001 0 0 0 5.36959269-69.943909c-0.00994388-166.08943902-87.32547796-311.81420293-218.6915546-394.09823051zM605.93803103 357.87693858a93.93749974 93.93749974 0 1 1-187.89594924 6.1e-7 93.93749974 93.93749974 0 0 1 187.89594924-6.1e-7z" p-id="5405" data-v-c6073ba8></path><path d="M429.50777625 765.63860547C429.50777625 803.39355007 466.44236686 1000.39046097 512.00932183 1000.39046097c45.56695499 0 82.4922232-197.00623328 82.5015456-234.7518555 0-37.75494459-36.9345906-68.35043303-82.4922232-68.34111062-45.57627738-0.00932239-82.52019037 30.59548842-82.51086798 68.34111062z" p-id="5406" data-v-c6073ba8></path></svg></div><div class="kanbanniang" data-v-5775ee02><div class="banniang-container" style="display:;" data-v-5775ee02><div class="messageBox" style="right:68px;bottom:190px;display:none;" data-v-5775ee02>
    246. 

  246.       我是lookroot欢迎你的关注 
    247. 

  247.     </div> <div class="operation" style="right:90px;bottom:40px;display:;" data-v-5775ee02><i class="kbnfont kbn-ban-home ban-home" data-v-5775ee02></i> <i class="kbnfont kbn-ban-message message" data-v-5775ee02></i> <i class="kbnfont kbn-ban-close close" data-v-5775ee02></i> <a target="_blank" href="https://vuepress-theme-reco.recoluan.com/views/plugins/kanbanniang.html" data-v-5775ee02><i class="kbnfont kbn-ban-info info" data-v-5775ee02></i></a> <i class="kbnfont kbn-ban-theme skin" style="display:;" data-v-5775ee02></i></div> <canvas id="banniang" width="240" height="352" class="live2d" style="right:90px;bottom:-20px;opacity:0.9;" data-v-5775ee02></canvas></div> <div class="showBanNiang" style="display:none;" data-v-5775ee02>
    248. 

  248.     看板娘
    249. 

  249.   </div></div><canvas id="vuepress-canvas-ribbon"></canvas><canvas id="vuepress-canvas-cursor"></canvas></div></div>
    250. 

  250.     <script src="./assets/js/app.1ee2e600.js" defer></script><script src="./assets/js/3.30d9a26e.js" defer></script><script src="./assets/js/1.0be896dd.js" defer></script><script src="./assets/js/18.b6e560f1.js" defer></script>
    251. 

  251.   </body>
    252. 

  252. </html>
    253.