在标记附近显示弹出窗口[google maps api]

Question

如何在qazxsw poi附近制作这个qazxsw poi显示器？

这就是我所拥有的

html的

popup

.TS

marker

但标记显示在页面右上角的某处。我怎么解决这个问题？感谢您的时间！

Answer 1

您可以尝试不“手动”执行此操作。使用

<agm-map [latitude]="lat" [longitude]="long" style="height: 350px;" [fitBounds]="true">
  <agm-marker *ngFor="let data of locations; let i = index" [latitude]="data.lat" [longitude]="data.lng" [agmFitBounds]="true"
    (mouseOver)="clickOnMarker($event)" (mouseOut)="outsideMarker($event)" data-toggle="modal" data-target="#myModal">
  </agm-marker>
</agm-map>
<button id="openModalButton" [hidden]="false" data-toggle="dropdown" data-target="#myModal">Open Modal</button>
<ul class="dropdown-menu" role="menu" aria-labelledby="dLabel">
  <li class="details">Item</li>
</ul>

instead：

  clickOnMarker(event) {
    document.getElementById("openModalButton").click();
  }

  outsideMarker(event) {
    document.getElementById("openModalButton").click();
  }
}

希望能帮助到你！