高德地圖--水波雷達動畫
高德地圖–水波動畫效果
思路:在地圖上繪製三個半徑不同的圓,動態改變他們的半徑實現動畫效果。
private AMap aMap;
private int minRadius = 100;
private int maxRadius = 250;
private int radius = minRadius;
private int gap = 8;
private int duration = 16;
private List<Circle> listCircle = new ArrayList<>();
private boolean isMapLongCLick;
private Latlng longClickLatlng ;
//長按地圖
private void onMapLongClick(Latlng latlng){
isMapLongCLick = true;
longClickLatlng = latlng;
showRadar();
}
/*雷達*/
private void showRadar() {
if (longClickLatlng != null) {
clearCircle();
// 繪製不同半徑的圓,新增到地圖上
final Circle circle = aMap.addCircle(new CircleOptions().center(longClickLatlng)
.radius(radius).strokeColor(Color.argb(100, 100, 149, 237))
.fillColor(Color.argb(100, 135, 206, 250)).strokeWidth(3));
final Circle circle1 = aMap.addCircle(new CircleOptions().center(longClickLatlng)
.radius(radius-50).strokeColor(Color.argb(100, 100, 149, 237))
.fillColor(Color.argb(0, 135, 206, 250)).strokeWidth(3));
final Circle circle2 = aMap.addCircle(new CircleOptions().center(longClickLatlng)
.radius(radius-100).strokeColor(Color.argb(100, 100, 149, 237))
.fillColor(Color.argb(0, 135, 206, 250)).strokeWidth(3));
listCircle.add(circle);
listCircle.add(circle1);
listCircle.add(circle2);
//通過Handler定時重新整理Circle的半徑,達到動畫效果
final Handler handler = new Handler();
handler.postDelayed(new Runnable() {
@Override
public void run() {
if (radius < maxRadius) {
radius = radius + gap;
} else {
radius = minRadius;
}
circle.setRadius(radius);
circle1.setRadius(radius-50);
circle2.setRadius(radius-100);
aMap.invalidate();
if (isMapLongCLick)//某種條件下,展示動畫
handler.postDelayed(this, duration);
else//清除CIrcle
clearCircle();
}
}, duration);
}
}
private void clearCircle() {
for (int i = 0; i < listCircle.size(); i++) {
listCircle.get(i).remove();
listCircle.remove(i);
}
}
相關文章
- 高德地圖app怎麼使用北斗地圖? 高德地圖設定北斗地圖的教程地圖APP
- 高德地圖和google地圖適配地圖Go
- 高德地圖定位實現地圖
- CocoaPods 操作高德地圖地圖
- 高德地圖警告解決地圖
- 繪製雷達圖
- 高德地圖之地圖的屬性地圖
- 高德地圖開發彙總地圖
- 【高德地圖API】從零開始學高德JS API(一)地圖展現——仙劍地圖,麻點圖,街景,室內圖地圖APIJS
- Canvas 繪製雷達圖Canvas
- chart.js雷達圖JS
- Python 畫雷達圖Python
- canvas 實現雷達圖Canvas
- 高德地圖之地圖的生命週期地圖
- 高德地圖首席科學家任小楓:視覺智慧在高德地圖的應用地圖視覺
- 雷達圖繪製軟體那個專業,怎麼畫雷達圖
- Android 動畫實戰-仿微博雷達功能Android動畫
- 【高德地圖API】如何製作自己的旅遊地圖?地圖API
- java接入高德地圖常用WEB APIJava地圖WebAPI
- 高德地圖的四處進擊地圖
- 高德地圖上展示終端資訊地圖
- 高德地圖JSAPI學習(一)地圖JSAPI
- Flutter整合高德定位和地圖功能Flutter地圖
- 在Vue中使用高德地圖APIVue地圖API
- 高德地圖 API 介面封裝 SDK地圖API封裝
- 高德PC地圖啟用新域名地圖
- Android高德地圖貼合圖片完成手繪地圖展示Android地圖
- 提-關於高德地圖熱力圖-問:地圖
- 【matplotlib 實戰】--雷達圖
- 高德地圖未來行程規劃在哪裡? 高德地圖預設出行時間的技巧教程地圖行程
- 高德地圖fragment 動態載入地圖 巢狀問題地圖Fragment巢狀
- 【高德地圖API】匯潤做愛地圖技術大揭祕地圖API
- ECharts 英雄聯盟能力分析雷達圖及支付寶信用評分雷達圖Echarts
- 高德地圖系列web篇——目的地公交導航地圖Web
- react頁面喚起高德地圖appReact地圖APP
- react中使用高德地圖的原生APIReact地圖API
- 高德地圖-地理圍欄功能實現地圖
- 高德地圖靠什麼生存下來?地圖