ShadowText 带阴影的文字
<h1>带阴影效果的文字类</h1>
<p class="codepen" data-height="265" data-theme-id="0" data-default-tab="js,result" data-user="aoobao" data-slug-hash="MxgobP" style="height: 265px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; border: 2px solid black; margin: 1em 0; padding: 1em;" data-pen-title="ShadowText">
<span>See the Pen <a href="https://codepen.io/aoobao/pen/MxgobP/">
ShadowText</a> by feng (<a href="https://codepen.io/aoobao">@aoobao</a>)
on <a href="https://codepen.io">CodePen</a>.</span>
</p>
<script async src="https://static.codepen.io/assets/embed/ei.js"></script>
<h2>构造方法</h2>
<p><code>new AMapUtils.ShadowText(opt)</code></p>
<h3>opt</h3>
<table>
<thead>
<tr>
<th>参数名</th>
<th>类型</th>
<th>格式</th>
<th>说明</th>
</tr>
</thead>
<tbody>
<tr>
<td>map</td>
<td>Map</td>
<td>高德地图本身对象</td>
<td>不传则不显示在地图上</td>
</tr>
<tr>
<td>zIndex</td>
<td>Number</td>
<td>100</td>
<td>显示层级</td>
</tr>
<tr>
<td>position</td>
<td>Array</td>
<td><code>[x,y]</code>x:经度longitude,y:纬度latitude,下同</td>
<td>中心点经纬度(文字显示使用)</td>
</tr>
<tr>
<td>text</td>
<td>String</td>
<td>'文字'</td>
<td>显示在地图上的文字</td>
</tr>
<tr>
<td>textColor</td>
<td>String</td>
<td>'#fff'</td>
<td>显示在地图上的文字</td>
</tr>
<tr>
<td>shaderRatio</td>
<td>Number</td>
<td>1.2</td>
<td>下方阴影比值(越大阴影越长)</td>
</tr>
<tr>
<td>offsetTop</td>
<td>Int</td>
<td>0</td>
<td>顶部偏移</td>
</tr>
<tr>
<td>offsetLeft</td>
<td>Int</td>
<td>0</td>
<td>左边偏移</td>
</tr>
<tr>
<td>textSize</td>
<td>Int</td>
<td>20</td>
<td>文字大小(px)</td>
</tr>
</tbody>
</table>
<h3>methods</h3>
<table>
<thead>
<tr>
<th>方法名</th>
<th>返回值</th>
<th>说明</th>
</tr>
</thead>
<tbody>
<tr>
<td>setMap(map:Map)</td>
<td></td>
<td>为指定目标显示地图。当参数值取null时,地图上移除当前网格setMap(null)</td>
</tr>
<tr>
<td>getTextColor()</td>
<td>String</td>
<td>返回文字颜色</td>
</tr>
<tr>
<td>setTextColor(color:String)</td>
<td>设置文字颜色</td>
</tr>
<tr>
<td>getValue()</td>
<td>String</td>
<td>获取文字内容</td>
</tr>
<tr>
<td>setValue(value:String)</td>
<td>设置文字内容</td>
</tr>
<tr>
<td>destroy()</td>
<td></td>
<td>注销对象</td>
</tr>
</tbody>
</table>