javascript - 在加载了 ngmap 的 map 上显示信息窗口

Question

我正在使用 ng-map 和 typescript 。 这是我的模板:

<map on-tilesloaded="showInfoWindow('myInfoWindow')" center="{{model.adresseLatitude}}, {{model.adresseLongitude}}" zoom="15" style="height: 425px">
    <marker id="gmapMarker" on-click="showInfoWindow('myInfoWindow')" position="{{model.adresseLatitude}}, {{model.adresseLongitude}}">
        <info-window id="myInfoWindow">
            <div ng-non-bindable="">
                {{model.adresse}}
            </div>
        </info-window>
    </marker>
</map>

加载 map 时，信息窗口显示在 map 的左上角，但单击标记时它工作正常。

我希望在显示 map 时信息窗口在正确的位置(在标记上)打开。

Answer 1

而不是 on-tilesloaded="showInfoWindow('myInfoWindow')"在 map您可以使用指令 visible-on-marker="markerID"在 <info-window>标签。即:<info-window id="myInfoWindow" visible-on-marker="markerID">

喜欢:

<map center="{{model.adresseLatitude}}, {{model.adresseLongitude}}" zoom="15" style="height: 425px">
    <marker id="gmapMarker" on-click="showInfoWindow('myInfoWindow')" position="{{model.adresseLatitude}}, {{model.adresseLongitude}}">
        <info-window id="myInfoWindow" visible-on-marker="gmapMarker">
            <div ng-non-bindable="">
                {{model.adresse}}
            </div>
        </info-window>
    </marker>
</map>