无法从markersScope获取gMarker

时间:2015-08-08 09:58:05

标签: angularjs google-maps google-maps-api-3 angular-google-maps

我正在使用有角度的谷歌地图,我在地图上绘制标记没有任何问题。

然而,当我尝试使用infowindows并显示标记窗口时,我收到以下错误:“无法从markersScope获取gMarker!”

我的标记如下:

var marker = {
        id: item['id'],
        // icon: icon,
        latitude: item['data_1'],
        longitude: item['data_2'],
        title: item['title'],
        show: false,
        fit: true,
        isIconVisibleOnClick: true,
        closeClick: 'none'
    };

我的html是:

<ui-gmap-google-map id="map" center="map.center" pan="map.pan" zoom="map.zoom" draggable="true" refresh="map.refresh" options="map.options" events="map.events" bounds="map.bounds">
                <ui-gmap-markers models="markers" coords="'self'" fit=true icon="'icon'" click="onClick" events="map.events"  options="'options'">
                    <ui-gmap-windows show="'show'">
                        <div ng-non-bindable>{{title}}</div>
                    </ui-gmap-windows>
                </ui-gmap-markers>
            </ui-gmap-google-map>

窗口实际上正确显示了正确的信息,但仍然会抛出错误。

可能是什么原因?

1 个答案:

答案 0 :(得分:0)

根据文件,至少需要这些:

models
coords
templateParameter
isIconVisibleOnClick
closeClick

所以你需要这样的东西:

<ui-gmap-windows show="'show'"
  models="..."
  coords="..."
  templateParameter="..."
  isIconVisibleOnClick="..."
  closeClick="...">
    <div ng-non-bindable>{{title}}</div>
</ui-gmap-windows>