百度地图多边形点击变色

Posted 2020-10-30 javahgq

在应用百度地图多边形时会出现点击多边形名称对应多边形变色 使用如下方法

 

定义map

var pologyMap = new Map();

 var curPology;

画多边形时 将多边形放入map

pologyMap.set(this.id, bmap.polygon);

点击名称时获取对应多边形设置颜色，之前变色的多边形 颜色还原

var polygon = pologyMap.get(parseInt(areaid));

 

if (curPology != null) {
curPology.setFillColor("purple");
}

polygon.setFillColor("orange");

  curPology = polygon;
bmap.map.panTo(getCenterPoint(polygon.getPath()), 15);

 

点击多边形对应多边形变色就简单多了

 

bmap.polygonClick = function (e) {
bmap.polygon = this;
this.strColor = this.getStrokeColor();
this.isSetColor = true;
this.setStrokeColor(‘red‘);
}

百度地图自带的多边形点击监听，可以在这里设置填充色边框色等属性