angular - 如何动态呈现信息窗口内容

Question

我正在使用 agm-direction 包在 agm-map ( https://www.npmjs.com/package/agm-direction ) 上显示路线信息。

我想知道如何渲染信息窗口的内容，尤其是原始标记：

输出如下所示：

我想做这样的事情，所以我可以构建一个更复杂的信息窗口：

标签： angulargoogle-mapsagm-directionagm-mapagm-core

Answer 1

使用 agm-info-window 您可以将动态文本放入 agm-info-window

 <agm-map [latitude]="lat" [longitude]="lng">

      <agm-marker [latitude]="lat" [longitude]="lng">

        <agm-info-window>
          <h3><strong>Howdy!</strong></h3>
          <p>You are here!</p>
        </agm-info-window>

      </agm-marker>

    </agm-map>