前言

在地圖應(yīng)用中，Overlay（覆蓋層）是指在地圖圖層之上疊加顯示的額外信息層缩抡。這些覆蓋層可以用來展示各種數(shù)據(jù)隧膏，如交通狀況哗讥、用戶位置、興趣點(diǎn)（POI）等胞枕。在百度地圖SDK中杆煞，可以使用多種類型的覆蓋層來增強(qiáng)地圖的功能和視覺效果。文本介紹簡單的點(diǎn)線面和文本覆蓋物使用方法和屬性腐泻。

地圖類中覆蓋物的接口

• BaiduMap類中添加和刪除Overlay的接口：

覆蓋物類

Marker示例

// 定義Maker坐標(biāo)點(diǎn)
LatLng point = new LatLng(39.963175, 116.400244);
// 構(gòu)建Marker圖標(biāo)
BitmapDescriptor bitmap = BitmapDescriptorFactory
        .fromResource(R.drawable.icon_mark_a);
// 構(gòu)建MarkerOption，用于在地圖上添加Marker
OverlayOptions option = new MarkerOptions()
        .position(point)
        .icon(bitmap);
// 在地圖上添加Marker派桩，并顯示
Marker marker = (Marker) map.addOverlay(option);

Polyline示例

// 構(gòu)建折線點(diǎn)坐標(biāo)
LatLng p1 = new LatLng(39.97923, 116.357428);
LatLng p2 = new LatLng(39.94923, 116.397428);
LatLng p3 = new LatLng(39.97923, 116.437428);
List<LatLng> points = new ArrayList<LatLng>();
points.add(p1);
points.add(p2);
points.add(p3);

// 設(shè)置折線的屬性
OverlayOptions polylineOptions = new PolylineOptions()
        .width(10)
        .color(0xAA00FF00)
        .points(points);
// 在地圖上繪制折線
Polyline polyline = (Polyline) map.addOverlay(polylineOptions);

Polygon示例

// 多邊形頂點(diǎn)位置
List<LatLng> points = new ArrayList<>();
points.add(new LatLng(39.93923, 116.357428));
points.add(new LatLng(39.91923, 116.327428));
points.add(new LatLng(39.89923, 116.347428));
points.add(new LatLng(39.89923, 116.367428));
points.add(new LatLng(39.91923, 116.387428));

// 構(gòu)造PolygonOptions
PolygonOptions polygonOptions = new PolygonOptions()
        .points(points)
        .fillColor(0xAAFFFF00) // 填充顏色
        .stroke(new Stroke(5, 0xAA00FF00)); // 邊框?qū)挾群皖伾?
// 在地圖上顯示多邊形
Polygon polygon = (Polygon) map.addOverlay(polygonOptions);

Arc示例

// 添加弧線坐標(biāo)數(shù)據(jù)
LatLng p1 = new LatLng(39.97923, 116.357428); // 起點(diǎn)
LatLng p2 = new LatLng(40.00923, 116.397428); // 中間點(diǎn)
LatLng p3 = new LatLng(39.97923, 116.437428); // 終點(diǎn)

// 構(gòu)造ArcOptions對(duì)象
OverlayOptions arcOptions = new ArcOptions()
        .color(Color.RED)
        .width(10)
        .points(p1, p2, p3);

// 在地圖上顯示弧線
Arc arc = (Arc) map.addOverlay(arcOptions);

Circle示例

// 圓心位置
LatLng center = new LatLng(39.90923, 116.447428);

// 構(gòu)造CircleOptions對(duì)象
CircleOptions circleOptions = new CircleOptions()
        .center(center)
        .radius(1400)
        .fillColor(0xAAFFFF00) // 填充顏色
        .stroke(new Stroke(5, 0xAA00ff00)); // 邊框?qū)捄瓦吙蝾伾?
// 在地圖上顯示圓
Circle circle = (Circle) map.addOverlay(circleOptions);

Text示例

// 文字覆蓋物位置坐標(biāo)
LatLng llText = new LatLng(39.86923, 116.397428);

// 構(gòu)建TextOptions對(duì)象
OverlayOptions textOptions = new TextOptions()
        .text("百度地圖SDK") // 文字內(nèi)容
        .bgColor(0xAAFFFF00) // 背景色
        .fontSize(28) // 字號(hào)
        .fontColor(0xFFFF0000) // 文字顏色
        .rotate(0) // 旋轉(zhuǎn)角度
        .position(llText);

// 在地圖上顯示文字覆蓋物
Text text = (Text) map.addOverlay(textOptions);

效果圖

覆蓋物.png

Marker的更多屬性

常用屬性

交互

• 啟用可點(diǎn)擊時(shí)棉饶，在點(diǎn)擊Marker時(shí)，會(huì)回調(diào)BaiduMap.OnMarkerClickListener镇匀。
• 啟用允許拖拽時(shí)照藻，在拖拽Marker時(shí)，會(huì)回調(diào)BaiduMap.OnMarkerDragListener坑律。

碰撞

• 自 7.5.0 起地圖SDK支持marker碰撞策略功能，并兼容之前的marker繪制功能晃择，只有打開isJoinCollision開關(guān)才進(jìn)行碰撞策略冀值。
  marker碰撞策略可檢測屏幕中海量marker的碰撞情況，并自動(dòng)更新marker狀態(tài)宫屠，確保屏幕中的marker互不碰撞列疗。
• 自v7.5.7起，百度地圖SDK支持Marker及其title可碰撞地圖poi浪蹂。

動(dòng)畫

• 自v3.3.0版本起产艾，SDK提供了給Marker增加幀動(dòng)畫的功能疤剑，通過MarkerOptions類來設(shè)置，一次傳入一個(gè)Icon列表闷堡，通過period設(shè)定刷新的幀間隔隘膘。
• 自v3.6.0版本起，SDK提供了加載Marker時(shí)的動(dòng)畫效果杠览，有如下四種效果供開發(fā)者選擇弯菊。
• 除了可以自定義的幀動(dòng)畫，Marker還支持設(shè)置旋轉(zhuǎn)踱阿、縮放管钳、平移、透明扫茅、和組合動(dòng)畫效果蹋嵌。通過Marker類setAnimation方法設(shè)置育瓜。

其它屬性

折線的更多屬性

常用屬性

交互

其它

多邊形的更多屬性

常用屬性

交互

其它

Arc的更多屬性

Circle的更多屬性

Text的更多屬性