react bmap 文本标注以及点击事件

目录

1.困难

2.代码

3.效果展示

3.1文本标注

3.2点击事件

---

1.困难

1.坐标显示不全
2.点击事件无法弹出文本框
3.点击事件文本框内的信息无法随着循环实现更新（每一次循环都对一个坐标点进行标注且更新它的相关信息并显示在文本框内）

2.代码

for(var j=0;j<point.length;j++) {
                var marker = new BMap.Marker(point); // 创建标注
                var html='你好';            //这是点击事件的文本
                var infoWindow = new BMap.InfoWindow(html);
                marker.infoWindow=infoWindow;
                marker.addEventListener("click", function(e: { target: { infoWindow: any;     }}){
                  this.openInfoWindow(e.target.infoWindow);
                });
                map.addOverlay(marker);
                //以下是地图上的标注信息
                var label = new BMap.Label('问候语：', {offset: new BMap.Size(20, -10)});
                marker.setLabel(label); //添加百度label
              }