百度地图的js api 覆盖物多边形的颜色怎么渐变

百度地图的JS API提供了Gradient类来实现多边形颜色的渐变效果。具体实现步骤如下：

1. 创建一个Gradient对象，指定颜色和对应的位置。

var gradient = new BMap.Gradient({
    0: 'blue',
    0.5: 'green',
    1: 'red'
});

2. 在创建多边形时，设置颜色和渐变参数。

var polygon = new BMap.Polygon(points, {
    strokeWeight: 2,
    strokeColor: "#ff0000",
    fillColor: gradient, // 设置渐变颜色
    fillOpacity: 0.8
});

其中，0、0.5、1表示位置，对应的颜色为blue、green、red。在实际应用中，可以根据自己的需求自定义渐变参数。

完整的代码示例：

var map = new BMap.Map("container");

// 创建渐变对象
var gradient = new BMap.Gradient({
    0: 'blue',
    0.5: 'green',
    1: 'red'
});

// 创建多边形对象
var points = [new BMap.Point(116.387112,39.920977), new BMap.Point(116.385243,39.913063), new BMap.Point(116.394226,39.917988)];
var polygon = new BMap.Polygon(points, {
    strokeWeight: 2,
    strokeColor: "#ff0000",
    fillColor: gradient, // 设置渐变颜色
    fillOpacity: 0.8
});

// 添加多边形到地图
map.addOverlay(polygon);