https://lbs.dituhui.com/open-platform/assets/s3m-3d-7f108b4b.js

1import{_ as a}from"./restmap3d-17aa30a2.js";import{d as n,f as s,z as e,a8 as p,g as t}from"./index-4d70d209.js";const l={class:"md-container"},o=[p('<nav class="md-nav"><ul><li><a href="#%E4%B8%89%E7%BB%B4%E5%88%87%E7%89%87(s3m)%E5%8F%AF%E8%A7%86%E5%8C%96"><span title="三维切片(S3M)可视化">三维切片(S3M)可视化</span></a><ul><li><a href="#%E4%B8%80%E3%80%81%E7%AE%80%E4%BB%8B"><span title="一、简介">一、简介</span></a></li><li><a href="#%E4%BA%8C%E3%80%81%E5%89%8D%E7%BD%AE%E6%9D%A1%E4%BB%B6"><span title="二、前置条件">二、前置条件</span></a></li><li><a href="#%E4%B8%89%E3%80%81%E6%A0%B8%E5%BF%83%E4%BB%A3%E7%A0%81"><span title="三、核心代码">三、核心代码</span></a></li></ul></li></ul></nav><h1 id="%E4%B8%89%E7%BB%B4%E5%88%87%E7%89%87(s3m)%E5%8F%AF%E8%A7%86%E5%8C%96" tabindex="-1">三维切片(S3M)可视化</h1><h2 id="%E4%B8%80%E3%80%81%E7%AE%80%E4%BB%8B" tabindex="-1">一、简介</h2><p>SuperMap Online 可将三维切片缓存（S3M）数据发布为在线三维服务，结合 SuperMap iClient3D for WebGL ，可快速实现三维场景可视化功能。</p><p>由于构成三维场景的数据量往往十分庞大，首先需要在 SuperMap iDesktop 桌面软件中对获取到的倾斜摄影模型（.osgb .obj）、BIM（.rvt .dgn .3dmap .3dxml .ifc）、精细模型（.3ds .max .skp .dae .obj）、激光点云（.las .laz .xyz .ply .txt）、矢量、影像、地形（TIN、DEM）等三维数据进行预处理，生成三维切片缓存（S3M），以提高整体性能。</p><p>将生成的三维切片缓存（S3M）加载到场景中，保存为工作空间后，在<a href="https://www.supermapol.com/resource-center/public/all" class="external-link" target="_blank" rel="noreferrer noopener">SuperMap Online 资源中心</a>-开始创作-上传资源，将工作空间及数据上传，并发布为三维服务，最后在代码中集成发布的三维服务即可实现三维地图切片可视化功能。</p><p>整体流程如图：</p><img src="'+a+'" height="255px" width="100%"><p><a href="/open-platform/demo/detail/web/editor#RestMap3D" class="internal-link router-link">Demo 详情</a></p>',9),t("iframe",{height:"650",width:"90%",src:"/open-platform/examples/origin/3d/RestMap.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>下载 <a href="http://support.supermap.com.cn/product/iClient.aspx" class="external-link insecure" target="_blank" rel="noreferrer noopener">SuperMap iClient3D for WebGL</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">html</span></div><div class="code-block language-handlebars no-line-numbers" data-lang="html" data-modifiers=""><pre class="language-handlebars" data-lang="html"><code class="code-line odd first-row line-1"><span class="token doctype"><span class="token punctuation">&lt;!</span><span class="token doctype-tag">DOCTYPE</span> <span class="token name">html</span><span class="token punctuation">&gt;</span></span></code>\n<code class="code-line even line-2"><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>html</span><span class="token punctuation">&gt;</span></span></code>\n<code class="code-line odd line-3">  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>head</span><span class="token punctuation">&gt;</span></span></code>\n<code class="code-line even line-4">    <span class="token comment">&lt;!-- 引入SuperMap iClient3D for WebGL --&gt;</span></code>\n<code class="code-line odd line-5">    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>script</span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">&quot;</span>text/javascript<span class="token punctuation">&quot;</span></span> <span class="token attr-name">src</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">&quot;</span>../Build/SuperMap3D/SuperMap3D.js<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span><span class="token script"></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>script</span><span class="token punctuation">&gt;</span></span></code>\n<code class="code-line even line-6">  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>head</span><span class="token punctuation">&gt;</span></span></code>\n<code class="code-line odd last-row line-7"><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>html</span><span class="token punctuation">&gt;</span></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 comment">//私有服务 需要携带key才能访问   密钥申请地址：https://www.supermapol.com/console/quota/keysquota</span></code>\n<code class="code-line even last-row line-2">  ol<span class="token punctuation">.</span>supermap<span class="token punctuation">.</span>SecurityManager<span class="token punctuation">.</span><span class="token function">registerKey</span><span class="token punctuation">(</span><span class="token punctuation">[</span>url<span class="token punctuation">]</span><span class="token punctuation">,</span> <span class="token string">&#39;服务访问授权的key&#39;</span><span class="token punctuation">)</span></code></pre></div></div></li><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> viewer <span class="token operator">=</span> <span class="token keyword">new</span> <span class="token class-name">SuperMap3D<span class="token punctuation">.</span>Viewer</span><span class="token punctuation">(</span><span class="token string">&#39;Container&#39;</span><span class="token punctuation">)</span><span class="token punctuation">;</span></code>\n<code class="code-line even last-row line-2">  <span class="token keyword">var</span> scene <span class="token operator">=</span> viewer<span class="token punctuation">.</span>scene<span class="token punctuation">;</span></code></pre></div></div></li><li><p>添加 S3M 图层</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">scene<span class="token punctuation">.</span><span class="token function">open</span><span class="token punctuation">(</span>url<span class="token punctuation">)</span><span class="token punctuation">;</span>  <span class="token comment">//url为在SuperMap Online上发布的三维服务地址</span></code></pre></div></div></li></ol>',4)],c={},i="",r=n({__name:"s3m-3d",setup:(a,{expose:n})=>(n({frontmatter:{},excerpt:void 0}),(a,n)=>(s(),e("div",l,o)))});export{r as default,i as excerpt,c as frontmatter};