https://lbs.dituhui.com/open-platform/assets/logoControl-8fec4eab.js

1import{d as n,f as s,z as a,a8 as o}from"./index-4d70d209.js";const p={class:"md-container"},e=[o('<h1 id="logo%E7%BB%84%E4%BB%B6" tabindex="-1">Logo组件</h1><h2 id="%E4%B8%80%E3%80%81%E7%AE%80%E4%BB%8B" tabindex="-1">一、简介</h2><p>Logo组件</p><p><a href="/open-platform/demo/detail/web/editor#logoControl" class="internal-link router-link">查看Demo</a></p><h2 id="%E4%BA%8C%E3%80%81%E5%AE%9E%E7%8E%B0" tabindex="-1">二、实现</h2><p>创建地图，并获取DMap实例。使用 DMap.control.logo 或 L.supermap.control.logo 来实现Logo组件。</p><h3 id="1%E3%80%81%E5%88%9D%E5%A7%8B%E5%8C%96%E5%9C%B0%E5%9B%BE" tabindex="-1">1、初始化地图</h3><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 comment">&lt;!-- 引用SDK --&gt;</span></code>\n<code class="code-line even last-row line-2"><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>/open-platform/libs/dituhui-sdk-all/dituhui-sdk-all.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></pre></div></div><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 constant">L</span><span class="token punctuation">.</span>supermap<span class="token punctuation">.</span><span class="token function">DMapLoader</span><span class="token punctuation">(</span><span class="token string">&quot;您的key值&quot;</span><span class="token punctuation">)</span><span class="token punctuation">.</span><span class="token function">then</span><span class="token punctuation">(</span><span class="token parameter">dmap</span> <span class="token operator">=&gt;</span> <span class="token punctuation">{</span></code>\n<code class="code-line even line-2">  <span class="token comment">// 创建地图，获取DMap实例</span></code>\n<code class="code-line odd line-3">  <span class="token keyword">var</span> map <span class="token operator">=</span> <span class="token keyword">new</span> <span class="token class-name">L<span class="token punctuation">.</span>supermap<span class="token punctuation">.</span>DMap</span><span class="token punctuation">(</span><span class="token string">&quot;map&quot;</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">crs</span><span class="token operator">:</span> <span class="token constant">L</span><span class="token punctuation">.</span><span class="token constant">CRS</span><span class="token punctuation">.</span><span class="token constant">EPSG3857</span><span class="token punctuation">,</span></code>\n<code class="code-line odd line-5">      <span class="token literal-property property">center</span><span class="token operator">:</span> <span class="token punctuation">[</span><span class="token number">35</span><span class="token punctuation">,</span> <span class="token number">106</span><span class="token punctuation">]</span><span class="token punctuation">,</span></code>\n<code class="code-line even line-6">

1      <span class="token literal-property property">maxZoom</span><span class="token operator">:</span> <span class="token number">18</span><span class="token punctuation">,</span></code>\n<code class="code-line odd line-7">      <span class="token literal-property property">zoom</span><span class="token operator">:</span> <span class="token number">4</span></code>\n<code class="code-line even line-8">  <span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span></code>\n<code class="code-line odd last-row line-9"><span class="token punctuation">}</span><span class="token punctuation">)</span></code></pre></div></div><h3 id="2%E3%80%81%E4%BB%A3%E7%A0%81%E5%A6%82%E4%B8%8B" tabindex="-1">2、代码如下</h3><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> logoControl <span class="token operator">=</span> <span class="token constant">L</span><span class="token punctuation">.</span>supermap<span class="token punctuation">.</span>control<span class="token punctuation">.</span><span class="token function">logo</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">position</span><span class="token operator">:</span> position<span class="token punctuation">,</span></code>\n<code class="code-line even line-4">  <span class="token literal-property property">imageUrl</span><span class="token operator">:</span> <span class="token string">&#39;/images/menuIcon/icon_logo.png&#39;</span><span class="token punctuation">,</span></code>\n<code class="code-line odd line-5">  <span class="token literal-property property">link</span><span class="token operator">:</span> <span class="token string">&#39;https://lbs.dituhui.com/open-platform/home&#39;</span><span class="token punctuation">,</span></code>\n<code class="code-line even line-6">  <span class="token literal-property property">alt</span><span class="token operator">:</span> <span class="token string">&#39;地图慧&#39;</span><span class="token punctuation">,</span></code>\n<code class="code-line odd line-7">  <span class="token literal-property property">width</span><span class="token operator">:</span> <span class="token string">&#39;40px&#39;</span><span class="token punctuation">,</span></code>\n<code class="code-line even line-8">  <span class="token literal-property property">height</span><span class="token operator">:</span> <span class="token string">&#39;40px&#39;</span><span class="token punctuation">,</span></code>\n<code class="code-line odd line-9"><span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">.</span><span class="token function">addTo</span><span class="token punctuation">(</span>map<span class="token punctuation">)</span></code>\n<code class="code-line even line-10"></code>\n<code class="code-line odd line-11"><span class="token comment">// 移除组件</span></code>\n<code class="code-line even line-12">logoControl<span class="token punctuation">.</span><span class="token function">remove</span><span class="token punctuation">(</span><span class="token punctuation">)</span></code>\n<code class="code-line odd line-13"></code>\n<code class="code-line even line-14"><span class="token comment">// 设置组件位置</span></code>\n<code class="code-line odd line-15">logoControl<span class="token punctuation">.</span>options<span class="token punctuation">.</span>position <span class="token operator">=</span> position</code>\n<code class="code-line even last-row line-16">logoControl<span class="token punctuation">.</span><span class="token function">addTo</span><span class="token punctuation">(</span>map<span class="token punctuation">)</span></code></pre></div></div>',11)],t={}

1,c="",l=n({__name:"logoControl",setup:(n,{expose:o})=>(o({frontmatter:{},excerpt:void 0}),(n,o)=>(s(),a("div",p,e)))});export{l as default,c as excerpt,t as frontmatter};