高德.js自定义覆盖物polygon样式

效果图,点击时高亮事件

api地址
https://lbs.amap.com/demo/jsapi-v2/example/overlayers/polygon-draw

代码

  //  给覆盖物增加点击事件
            polygon.on('click', showInfoP);

            function showInfoP(e) {
            // 点击之后的样式
              polygon.setOptions({
                map: map,
                path: path,
                strokeColor: '#ACFDE2 ', // 描绘河流的边框的颜色
                strokeWeight: 3, // 描边的宽度
                strokeOpacity: 1, // 描边的透明度
                fillOpacity: 0.6, // 覆盖物的透明度
                fillColor: '#ACFDE2', //被选中的河流的颜色
                zIndex: 50,
              });
              var content = ["<div class='info_box_contant'> " + vo.aname + '  </div>'];
              var infoWindow = new AMap.InfoWindow({
                isCustom: true, //使用自定义窗体
                content: content.join('<br>'),
                offset: new AMap.Pixel(-15, -25),
              });
              //打开信息窗口
              infoWindow.open(map, [e.lnglat.lng, e.lnglat.lat]); //后面的参数指的是经纬度，在此显示窗口
            }

            //将绘制的面对象添加到地图上
            map.add(polygon);