谷歌地图的JavaScript SDK InfoWindow不显示

时间:2019-06-06 11:45:19

标签: javascript google-maps

我正在尝试从Google Maps SDK中展示InfoWindow类,但没有成功。请注意,我正在记录正在创建的实例,并且可以看到它确实存在。只有当我尝试使用open方法调用它时,似乎什么也没显示。

  static drawExistingPolygons(polygons, cb) {
    for (const coords of polygons) {
      console.log({ coords });
      const polygon = new this.MapInstance.maps.Polygon({
        path: coords,
        strokeColor: "#FF0000",
        strokeOpacity: 0.8,
        strokeWeight: 1,
        fillColor: "#FF0000",
        fillOpacity: 0.15,
        map: this.MapInstance.map,
        editable: true,
        geodesic: true,
        draggable: true
      });
      const infowindow = new this.MapInstance.maps.InfoWindow({
        content: contentString
      });

      polygon.addListener("click", e => {
        console.log(e);
        if (cb) {
          cb(e);
        }
        console.log(infowindow); // log the created instance of InfoWindow
        infowindow.open(this.MapInstance.map, polygon);
      });
    }
  }

1 个答案:

答案 0 :(得分:0)

解决方案

Reflect.construct()类需要一个可选的InfoWindowOptions对象,在那里您可以看到有一个设置InfoWindow,将其设置为标记的position的选项(或您要显示的位置)。它将起作用