https://lbs.dituhui.com/open-platform/assets/data-service-2d-e507e26a.js

1import{d as n,f as a,z as s,a8 as e,g as p}from"./index-4d70d209.js";const t={class:"md-container"},o=[e('<h1 id="%E6%95%B0%E6%8D%AE%E6%9C%8D%E5%8A%A1%E7%BC%96%E8%BE%91" tabindex="-1">数据服务编辑</h1><h2 id="%E4%B8%80%E3%80%81%E7%AE%80%E4%BB%8B" tabindex="-1">一、简介</h2><p>数据 REST 服务提供 data 资源及其子资源 datasources 和 featureResults，这些资源可以对空间数据进行访问与操作，包括：</p><ol><li>获取数据源的信息，如数据源名称，数据源描述，引擎类型，投影信息，坐标单位，距离单位等。</li><li>修改数据源信息，包括数据源描述，坐标单位，距离单位。</li><li>获取数据源所包含的所有数据集的信息。</li><li>对数据集进行操作，包括创建、修改或者删除数据集。</li><li>对数据集中空间数据进行操作，包括获取、修改、添加、删除数据集中空间数据。</li><li>对数据集中的字段进行操作，包括获取，修改、添加、删除字段。</li><li>对数据集中字段的统计计算。如统计 WRLD30_ID 字段的平均值。</li><li>对数据集中的要素进行查询。</li></ol><p><a href="/open-platform/demo/detail/web/editor#RestDataQueryById" class="internal-link router-link">Demo 详情</a></p>',5),p("iframe",{height:"650",width:"90%",src:"/open-platform/examples/origin/2d/RestDataQueryById.html",frameborder:"0"},"\n ",-1),e('<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>通过 GetFeaturesByIDsParameters 实例化查询参数</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 comment">// 实例化查询参数</span></code>\n<code class="code-line even line-2"><span class="token keyword">var</span> idsParam <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>GetFeaturesByIDsParameters</span><span class="token punctuation">(</span><span class="token punctuation">{</span></code>\n<code class="code-line odd line-3">      <span class="token literal-property property">IDs</span><span class="token operator">:</span> <span class="token punctuation">[</span><span class="token number">233</span><span class="token punctuation">,</span> <span class="token number">234</span><span class="token punctuation">]</span><span class="token punctuation">,</span></code>\n<code class="code-line even line-4">      <span class="token literal-property property">datasetNames</span><span class="token operator">:</span> <span class="token punctuation">[</span><span class="token string">&quot;World:Countries&quot;</span><span class="token punctuation">]</span> <span class="token comment">// 数据源:数据集</span></code>\n<code class="code-line odd last-row line-5"> <span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span></code></pre></div></div></li><li><p>通过 FeatureService 的 getFeaturesByIDs 方法进行查询</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 comment">// 查询</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>FeatureService</span><span class="token punctuation">(</span>url<span class="token punctuation">)</span><span class="token punctuation">.</span><span class="token function">getFeaturesByIDs</span><span class="token punctuation">(</span>idsParam<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">

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 even line-4">           <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>features<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">wrapX</span><span class="token operator">:</span> <span class="token boolean">false</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"></code>\n<code class="code-line even line-8">          <span class="token comment">// 将查询结果构建矢量图层</span></code>\n<code class="code-line odd line-9">          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 even line-10">              <span class="token literal-property property">source</span><span class="token operator">:</span> vectorSource</code>\n<code class="code-line odd line-11">          <span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span></code>\n<code class="code-line even line-12">          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 odd last-row line-13">    <span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span></code></pre></div></div></li></ol><p>至此我们完成了一个完整的对接 SuperMap Online 地图服务 的 地图展示的例子；可以通过鼠标操作地图放大缩小、左右移动进行浏览。</p>',5)],c={},l="",i=n({__name:"data-service-2d",setup:(n,{expose:e})=>(e({frontmatter:{},excerpt:void 0}),(n,e)=>(a(),s("div",t,o)))});export{i as default,l as excerpt,c as frontmatter};