如何在角度模板中访问地图对象

时间:2017-08-22 20:30:52

标签: javascript angular google-maps typescript angular2-template

我在Angular4中有一个自定义类来管理地图(角度组件)。我的类有一个模板,里面有我的ngui-map元素(从下面的库中导入)。我已经能够绑定到由此元素触发的事件(例如地图移动,地图点击等)。

问题是:是否可以从我的打字稿代码访问这个地图对象?我需要在一些按钮点击内访问地图的属性,但我无法弄清楚如何。

我能够想出的唯一解决方案是为地图移动连接事件处理程序,并将当前地图位置(作为事件args发送)保存在一些辅助变量中,然后使用这些变量,但是肯定还有另一种更好的方法吗?

如果这个问题有点基本或没有任何意义,我很抱歉。我试过谷歌搜索,但我似乎无法正确地说出查询以获得相关结果。

ngui地图 https://github.com/ng2-ui/map

1 个答案:

答案 0 :(得分:0)

如果您有一个实现此地图的组件,您可以使用template variable来调用模板中组件的方法。

例如:

<map-component #map></map-component>

<button type="button" class="btn btn-default" (click)="onClick(map.getCoordinates())></button>

这假设您的MapComponent具有允许您获取所需信息的公共方法。