angularjs - 如何在 NgMap 加载的标记上自动打开 Infowindow？

Question

如何在 NgMap 加载时自动打开标记上的信息窗口？

这是我的代码：

<map  center="{{lat}},{{lng}}"   zoom="10" >
   <marker id="mymarker" position="{{lat}},{{lng}}"></marker>
   <info-window id="bar"> <b>Hello World!</b></info-window>
</map> 

有什么onload要使用的事件吗？

Answer 1

这是一个适合您的问题的想法//查看示例

NgMap.getMap({id:"map"}) -> 返回一个promise，然后函数在地图加载后执行代码

angular.module('ngMap').controller('MyCtrl', function(NgMap) {
  NgMap.getMap({id:"map"}).then(function(map) {       
    map.showInfoWindow('bar', 'marker1');
  });
});

<ng-map id="map" default-style="true" center="-25.363882,131.044922" zoom="4">
      <marker id="marker1" position="-25.363882,131.044922"
        on-click="map.showInfoWindow('bar')">
      </marker>
      <info-window id="bar">
        <div ng-non-bindable>
          Bla bla
        </div>
      </info-window>
</ng-map>

示例 plunk AutoLoad 信息窗口