高德地图插件API

一些封装好的高德插件效果


多边形几何体集合 gl_RegularPrismList

<h1>多边形几何体集合</h1> <h2>构造方法</h2> <p><code>new AMapUtils.gl_RegularPrismList(opt)</code></p> <h6>version 0.2.0+</h6> <p class="codepen" data-height="265" data-theme-id="0" data-default-tab="js,result" data-user="aoobao" data-slug-hash="MxmEpw" 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="gl_RegularPrismList"> <span>See the Pen <a href="https://codepen.io/aoobao/pen/MxmEpw/"> gl_RegularPrismList</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> <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>object3DLayer</td> <td>Object3DLayer</td> <td>高德3d图层对象</td> <td>如果不传会在内部创建一个新的</td> </tr> <tr> <td>radius</td> <td>Int</td> <td>1000</td> <td>半径</td> </tr> <tr> <td>segment</td> <td>Int</td> <td>4</td> <td>分割数量(n边形) 圆形传入30或以上值(数值越大越接近圆,性能损耗越大)</td> </tr> <tr> <td>topColor</td> <td>Array<Number></td> <td>上端颜色</td> <td>[r,g,b,q] rgba (0-1之间取值) 必须4个值 下同</td> </tr> <tr> <td>topFaceColor</td> <td>Array<Number></td> <td>顶部面颜色</td> <td>同上</td> </tr> <tr> <td>bottomColor</td> <td>Array<Number></td> <td>底端颜色</td> <td>同上</td> </tr> <tr> <td>color</td> <td>Array<Number></td> <td>缺省颜色(前面3个颜色不传时认为的颜色)</td> <td>同上</td> </tr> <tr> <td>transparent</td> <td>Bool</td> <td>true</td> <td>是否开启混色(颜色透明)</td> </tr> <tr> <td>click</td> <td>Function</td> <td>gl_RegularPrism</td> <td>点击回调</td> </tr> <tr> <td>mouseover</td> <td>Function</td> <td>gl_RegularPrism</td> <td>鼠标移入回调</td> </tr> <tr> <td>mouseout</td> <td>Function</td> <td>gl_RegularPrism</td> <td>鼠标移出回调</td> </tr> </tbody> </table> <h3>methods</h3> <table> <thead> <tr> <th>方法名</th> <th>返回值</th> <th>说明</th> </tr> </thead> <tbody> <tr> <td>show()</td> <td>null</td> <td>在地图上显示</td> </tr> <tr> <td>hide()</td> <td>null</td> <td>在地图上隐藏</td> </tr> <tr> <td>setData(Array<meshOpt>,show)</td> <td>null</td> <td>初始化几何体(meshOpt参数见下表),show=true时立即显示在地图上,默认为<code>true</code></td> </tr> <tr> <td>updateHeight(Array<opt>,func,animate)</td> <td>null</td> <td>更新几何体高度,第一个参数opt需要有一个height参数,对应几何体高度,具体查看demo,func为匹配几何体方法,默认是opt.id == extData.id,animate为缓动效果(每帧移动高度),0表示没有缓动</td> </tr> <tr> <td>updateColor(opt,func)</td> <td>null</td> <td>更新几何体颜色,opt可传3个参数(topColor,topFaceColor,bottomColor),当opt为数组时,则对每个几何体分别设置颜色值,具体看demo,func为匹配几何体方法回调.默认同上</td> </tr> <tr> <td>updateRadius(opt,func)</td> <td>null</td> <td>更新几何体半径,opt需要有一个radius参数对应几何体半径,如果opt为数组时同上</td> </tr> <tr> <td>destroy()</td> <td>null</td> <td>注销对象</td> </tr> </tbody> </table> <h4>meshOpt</h4> <p>其中的参数名如果和初始化类的参数名相同,则不传默认初始化时的值</p> <table> <thead> <tr> <th>参数名</th> <th>类型</th> <th>说明</th> </tr> </thead> <tbody> <tr> <td>position</td> <td><code>[x,y]</code></td> <td>目标所在经纬度</td> </tr> <tr> <td>radius</td> <td>Int</td> <td>几何体半径</td> </tr> <tr> <td>segment</td> <td>Int</td> <td>几何体分割数量</td> </tr> <tr> <td>height</td> <td>Int</td> <td>几何体的高度值</td> </tr> <tr> <td>topColor</td> <td>Array<Number></td> <td>上端颜色 [r,g,b,q] rgba (0-1之间取值) 必须4个值 下同</td> </tr> <tr> <td>topFaceColor</td> <td>Array<Number></td> <td>顶部面颜色 同上</td> </tr> <tr> <td>bottomColor</td> <td>Array<Number></td> <td>底端颜色 同上</td> </tr> <tr> <td>transparent</td> <td>Bool</td> <td>是否开启混色</td> </tr> <tr> <td>extData</td> <td>Object</td> <td>自定义对象</td> </tr> </tbody> </table>

页面列表

ITEM_HTML