https://lbs.dituhui.com/open-platform/assets/thiessen-polygon-f30047b1.js

1import{d as n,f as s,z as a,g as e,a8 as p}from"./index-4d70d209.js";const o={class:"md-container"},t=[e("h1",{id:"%E6%B3%B0%E6%A3%AE%E5%A4%9A%E8%BE%B9%E5%BD%A2",tabindex:"-1"},"泰森多边形",-1),e("h2",{id:"1%E3%80%81%E7%AE%80%E4%BB%8B",tabindex:"-1"},"1、简介",-1),e("p",null,"泰森多边形可用于定性分析、统计分析、邻近分析等。例如，可用离散点的数据来计算泰森多边形区域的数据；可以通过泰森多边形判断一个离散点与其它哪些离散点相邻；当某一数据点落入某一泰森多边形中时，它与相应的离散点最邻近，无需计算距离等。",-1),e("p",null,[e("a",{href:"/open-platform/demo/detail/web/editor#ServerThiessenAnalyst",class:"internal-link router-link"},"Demo 详情")],-1),e("iframe",{height:"650",width:"90%",src:"/open-platform/examples/origin/2d/ServerThiessenAnalyst.html",frameborder:"0"},"\n ",-1),p('<h2 id="%E4%BA%8C%E3%80%81%E5%89%8D%E7%BD%AE%E6%9D%A1%E4%BB%B6" tabindex="-1">二、前置条件</h2><ol><li><p>已经在 SuperMap Online 上发布空间分析服务，</p></li><li><p>如果服务为私有，需要通过密钥进行授权访问；key 如何获取参考 <a href="https://doc.supermapol.com/zh-hans/GettingStarted/key.html" class="external-link" target="_blank" rel="noreferrer noopener">开发授权详解</a>。</p></li><li><p>SuperMap iClient JavaScript 提供了多种 JavaScript 地图库；我们将使用<a href="https://iclient.supermap.io/web/introduction/openlayers.html#introduce" class="external-link" target="_blank" rel="noreferrer noopener">SuperMap iClient for OpenLayer</a> 进行核心代码说明；更多的地图库使用请参考<a href="https://iclient.supermap.io/" class="external-link" target="_blank" rel="noreferrer noopener">SuperMap iClient 官方文档</a>。</p></li></ol><h2 id="%E4%B8%89%E3%80%81%E6%A0%B8%E5%BF%83%E4%BB%A3%E7%A0%81" tabindex="-1">三、核心代码</h2><ol><li><p>根据服务信息 构建叠加分析参数</p><div class="code-wrapper"><div class="heading-row no-heading show-lang"><span class="lang-display">javascript</span></div><div class="code-block language-javascript no-line-numbers" data-lang="javascript" data-modifiers=""><pre class="language-javascript" data-lang="javascript"><code class="code-line odd first-row line-1"><span class="token keyword">var</span> dThiessenAnalystParameters <span class="token operator">=</span> <span class="token keyword">new</span> <span class="token class-name">ol<span class="token punctuation">.</span>supermap<span class="token punctuation">.</span>DatasetThiessenAnalystParameters</span><span class="token punctuation">(</span><span class="token punctuation">{</span></code>\n<code class="code-line even line-2">  <span class="token literal-property property">dataset</span><span class="token operator">:</span> <span class="token string">&#39;Factory@Changchun&#39;</span></code>\n<code class="code-line odd last-row line-3"><span class="token punctuation">}</span><span class="token punctuation">)</span></code></pre></div></div></li><li><p>私有服务需要添加访问授权 key；如果服务为公开，请忽略。</p><div class="code-wrapper"><div class="heading-row no-heading show-lang"><span class="lang-display">JavaScript</span></div><div class="code-block language-javascript no-line-numbers" data-lang="JavaScript" data-modifiers=""><pre class="language-javascript" data-lang="JavaScript"><code class="code-line odd first-row line-1"><span class="token keyword">var</span> serviceUrl <span class="token operator">=</span> <span class="token string">&quot;https://www.supermapol.com/proxy/c0rvd0pd/iserver/services/spatialanalyst_networkanalyst-1-_thtwzvt8/restjsr/spatialanalyst&quot;</span></code>\n<code class="code-line even line-2"><span class="token keyword">new</span> <span class="token class-name">ol<span class="token punctuation">.</span>supermap<span class="token punctuation">.</span>SpatialAnalystService</span><span class="token punctuation">(</span>serviceUrl<span class="token punctuation">)</span><span class="token punctuation">.</span><span class="token function">thiessenAnalysis</span><span class="token punctuation">(</span>dThiessenAnalystParameters<span class="token punctuation">,</span> <span class="token keyword">function</span> <span class="token punctuation">(</span><span class="token parameter">serviceResult</span><span class="token punctuation">)</span> <span class="token punctuation">{</span></code>\n<code class="code-line odd line-3">     <span class="token comment">// 将分析结果转换为矢量要素</span></code>\n<code class="code-line even line-4">

1      <span class="token keyword">var</span> vectorSource <span class="token operator">=</span> <span class="token keyword">new</span> <span class="token class-name">ol<span class="token punctuation">.</span>source<span class="token punctuation">.</span>Vector</span><span class="token punctuation">(</span><span class="token punctuation">{</span></code>\n<code class="code-line odd line-5">          <span class="token literal-property property">features</span><span class="token operator">:</span> <span class="token punctuation">(</span><span class="token keyword">new</span> <span class="token class-name">ol<span class="token punctuation">.</span>format<span class="token punctuation">.</span>GeoJSON</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">)</span><span class="token punctuation">.</span><span class="token function">readFeatures</span><span class="token punctuation">(</span>serviceResult<span class="token punctuation">.</span>result<span class="token punctuation">.</span>regions<span class="token punctuation">)</span></code>\n<code class="code-line even line-6">      <span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span></code>\n<code class="code-line odd line-7">      <span class="token comment">// 创建矢量图层</span></code>\n<code class="code-line even line-8">      <span class="token keyword">var</span> resultLayer <span class="token operator">=</span> <span class="token keyword">new</span> <span class="token class-name">ol<span class="token punctuation">.</span>layer<span class="token punctuation">.</span>Vector</span><span class="token punctuation">(</span><span class="token punctuation">{</span></code>\n<code class="code-line odd line-9">          <span class="token literal-property property">source</span><span class="token operator">:</span> vectorSource<span class="token punctuation">,</span></code>\n<code class="code-line even line-10">          <span class="token literal-property property">style</span><span class="token operator">:</span> <span class="token keyword">new</span> <span class="token class-name">ol<span class="token punctuation">.</span>style<span class="token punctuation">.</span>Style</span><span class="token punctuation">(</span><span class="token punctuation">{</span></code>\n<code class="code-line odd line-11">              <span class="token literal-property property">stroke</span><span class="token operator">:</span> <span class="token keyword">new</span> <span class="token class-name">ol<span class="token punctuation">.</span>style<span class="token punctuation">.</span>Stroke</span><span class="token punctuation">(</span><span class="token punctuation">{</span></code>\n<code class="code-line even line-12">                  <span class="token literal-property property">color</span><span class="token operator">:</span> <span class="token string">&#39;rgba(100, 100, 225, 10)&#39;</span><span class="token punctuation">,</span></code>\n<code class="code-line odd line-13">                  <span class="token literal-property property">width</span><span class="token operator">:</span> <span class="token number">2</span></code>\n<code class="code-line even line-14">              <span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">,</span></code>\n<code class="code-line odd line-15">              <span class="token literal-property property">fill</span><span class="token operator">:</span> <span class="token keyword">new</span> <span class="token class-name">ol<span class="token punctuation">.</span>style<span class="token punctuation">.</span>Fill</span><span class="token punctuation">(</span><span class="token punctuation">{</span></code>\n<code class="code-line even line-16">                  <span class="token literal-property property">color</span><span class="token operator">:</span> <span class="token string">&#39;rgba(0, 0, 255, 0.1)&#39;</span></code>\n<code class="code-line odd line-17">

1              <span class="token punctuation">}</span><span class="token punctuation">)</span></code>\n<code class="code-line even line-18">          <span class="token punctuation">}</span><span class="token punctuation">)</span></code>\n<code class="code-line odd line-19">      <span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span></code>\n<code class="code-line even line-20">      <span class="token comment">// 添加到地图</span></code>\n<code class="code-line odd line-21">      map<span class="token punctuation">.</span><span class="token function">addLayer</span><span class="token punctuation">(</span>resultLayer<span class="token punctuation">)</span><span class="token punctuation">;</span></code>\n<code class="code-line even last-row line-22">  <span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span></code></pre></div></div></li></ol>',4)],c={},l="",i=n({__name:"thiessen-polygon",setup:(n,{expose:e})=>(e({frontmatter:{},excerpt:void 0}),(n,e)=>(s(),a("div",o,t)))});export{i as default,l as excerpt,c as frontmatter};