奇怪的自定义信息窗口渲染与angular-google-maps

时间:2016-02-15 17:50:27

标签: javascript angularjs google-maps angular-google-maps

  

可用的plunker here

使用angular-google-maps指令我试图在地图上一次显示多个标记和一个自定义窗口。

custom info窗口内容放置在外部模板(infoWindow.tpl.html)中,在templateUrl指令中设置为ui-gmap-window

  <ui-gmap-window 
    show="map.window.show" 
    coords="map.window.model" 
    options="map.window.options" 
    closeClick="map.window.closeClick()"
    templateUrl="'infowindow.tpl.html'">

一切正常,单击标记后,将显示信息窗口。但是,窗口渲染具有奇怪的效果(可以在plunker中轻松看到)。在渲染窗口之前,它似乎没有等待加载所有内容。

我尝试将ng-cloak设置为infowindow.tpl.html的容器div,但它似乎没有任何效果:

<div ng-cloak>
  <p>Some content</p>
  <img ng-src="https://material.angularjs.org/latest/img/washedout.png" class="md-card-image" alt="Washed Out">
</div>

我也尝试ng-cloak直接使用ui-gmap-window,但它也没有改变任何内容。

<ui-gmap-window 
...
ng-cloak>

有关如何避免这种奇怪效果的任何想法?

谢谢

0 个答案:

没有答案