高德地图插件API

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


RadarChart 雷达扫描

<h1>雷达扫描框架</h1> <p class="codepen" data-height="265" data-theme-id="0" data-default-tab="js,result" data-user="aoobao" data-slug-hash="mvxoLg" 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="RadarChart"> <span>See the Pen <a href="https://codepen.io/aoobao/pen/mvxoLg/"> RadarChart</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.RadarChart(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>center</td> <td>[x,y]</td> <td><code>[x,y]</code>x:经度longitude,y:纬度latitude,下同</td> <td>雷达中心点 必传</td> </tr> <tr> <td>target</td> <td>[x,y]</td> <td>[120.123,30.123]</td> <td>雷达扫描起始点(确定起始点以及扫描半径) 必传</td> </tr> <tr> <td>coverNumber</td> <td>Float</td> <td>0.2</td> <td>雷达扫描消失参数 数值越大,雷达区域越窄</td> </tr> <tr> <td>speed</td> <td>Int</td> <td>60</td> <td>雷达扫描速度</td> </tr> <tr> <td>fillStyle</td> <td>String</td> <td>'rgba(0,200,0,0.7)'</td> <td>雷达扫描颜色</td> </tr> <tr> <td>callback</td> <td>Function</td> <td>callback(e)</td> <td>雷达扫描回调 e.start 起始角度 e.end 结束角度</td> </tr> </tbody> </table> <h3>methods</h3> <table> <thead> <tr> <th>方法名</th> <th>返回值</th> <th>说明</th> </tr> </thead> <tbody> <tr> <td>start()</td> <td>null</td> <td>开始扫描</td> </tr> <tr> <td>stop()</td> <td>null</td> <td>停止扫描</td> </tr> <tr> <td>destroy()</td> <td></td> <td>注销对象</td> </tr> </tbody> </table>

页面列表

ITEM_HTML