百度地图

分享几个点：

1. 画常规覆盖物

// 画点
var myIcon = new BMap.Icon("../images/area.png", {
offset: new BMap.Size(10, 25)
});
var marker = new BMap.Marker(point, {
icon: myIcon
});
map.addOverlay(marker);

// 画圆
// var circle = new BMap.Circle(point, 1000, styleOptions);
// map.addOverlay(circle);

// 画多边形
// var polygon = new BMap.Polygon([
// new BMap.Point(114.033735,22.551995),
// new BMap.Point(114.050264,22.549725),
// new BMap.Point(114.037113,22.539845)
// ], styleOptions);

// 画矩形
// var pStart = new BMap.Point(114.0162,22.552863);
// var pEnd = new BMap.Point(114.037041,22.542248);
// var polygon = new BMap.Polygon([
// new BMap.Point(pStart.lng,pStart.lat),
// new BMap.Point(pEnd.lng,pStart.lat),
// new BMap.Point(pEnd.lng,pEnd.lat),
// new BMap.Point(pStart.lng,pEnd.lat)
// ], styleOptions);
// map.addOverlay(polygon);

2. 根据城市名称定位地图

map.centerAndZoom(city, 18);

3.地图加载完成后 / 每次渲染完成触发事件（慎用：避免多次重绘）

map.addEventListener("tilesloaded", function () {
drawingManager.setDrawingMode(BMAP_DRAWING_CIRCLE);
});

4.鼠标绘图完成计算面积

drawingManager.addEventListener('overlaycomplete', overlaycomplete);

var overlaycomplete = function (e) { console.log(e.calculate) }

5.清除覆盖物

map.removeOverlay(overlays);

6. 鼠标绘图同一时间绘制一个图形

6.1 点击工具：非当前绘制模式的其他绘制模式则清除覆盖物

6.2 绘制时，清除已有覆盖物（可能包括非鼠标绘制的图形及鼠标绘制的图形覆盖物）