【问题标题】:How to auto open Infowindow on marker on NgMap load?如何在 NgMap 加载的标记上自动打开 Infowindow?
【发布时间】:2016-02-15 19:31:16
【问题描述】:

如何在 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 事件吗?

【问题讨论】:

    标签: angularjs google-maps google-maps-api-3 ng-map


    【解决方案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>
    

    Example plunk AutoLoad infowindow

    【讨论】:

      猜你喜欢
      • 2013-03-31
      • 1970-01-01
      • 2013-02-12
      • 1970-01-01
      • 2019-01-31
      • 1970-01-01
      • 1970-01-01
      • 2013-12-20
      • 1970-01-01
      相关资源
      最近更新 更多