如何在JavaScript的回调中调用typescript函数
如何在JavaScript的回调中调用typescript函数
提问于 2018-06-08 14:41:13
我正在使用Angular 5前端框架中的javascript Google地图组件
export class MapComponent implements OnInit {
ngOnInit() {
this.initializeGMap()
}
initializeGMap() {
var myLatlng = new google.maps.LatLng(12,77);
var mapOptions = {
zoom: DEFAULT_MAP_ZOOM,
center: myLatlng,
scrollwheel: true,
styles: MAP_STYLE
};
this.map = new google.maps.Map(document.getElementById("map"), mapOptions);
this.initOnMapClickListener();
}
initOnMapClickListener() {
google.maps.event.addListener(this.map, 'click', function(event) {
var selectedLocation = new google.maps.LatLng(event.latLng.lat(), event.latLng.lng());
this.addMarker(selectedLocation)
});
}
addMarker(latlng) {
var marker = new google.maps.Marker({
position: latlng,
map: this.map,
icon: './assets/map_marker.png'
});
}
}上面是我的typescript文件，它有三个功能
- initializeGMap() //要初始化google maps
- initOnMapClickListener() //要在地图上初始化，请单击listener
- addMarker(latlng) //要在onmapclick事件发生时添加标记
未捕获TypeError:无法读取null的属性'addMarker‘
这就是我在运行Angular应用程序时得到的控制台错误
请帮助理解如何在Javascript回调中调用typescript函数
回答 1
Stack Overflow用户
回答已采纳
发布于 2018-06-08 14:45:14
尝试使用箭头函数=>调用函数，如下所示绑定到this的宽松作用域-
initOnMapClickListener() {
google.maps.event.addListener(this.map, 'click', (event) => {
var selectedLocation = new google.maps.LatLng(event.latLng.lat(), event.latLng.lng());
this.addMarker(selectedLocation)
});
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/50754816
复制相关文章
相似问题
腾讯云开发者
