【问题标题】: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