要解决Angular Google Maps的mapClick()事件不起作用的问题,您可以尝试以下方法:
确保已正确安装和配置Angular Google Maps库。请确保在您的项目中正确导入和设置Angular Google Maps模块。
确保您正确地在HTML模板中设置了地图组件,并将mapClick事件绑定到相应的方法。例如:
import { Component } from '@angular/core';
@Component({
selector: 'app-map',
templateUrl: './map.component.html',
styleUrls: ['./map.component.css']
})
export class MapComponent {
lat = 51.678418;
lng = 7.809007;
zoom = 10;
markerLat = 51.678418;
markerLng = 7.809007;
onMapClick(event: any) {
console.log(event);
this.markerLat = event.coords.lat;
this.markerLng = event.coords.lng;
}
}
确保您的地图组件正确显示,并且在单击地图时触发onMapClick方法。您可以在浏览器控制台中查看是否有任何错误或警告。
如果上述步骤都没有解决问题,请确保您的Angular Google Maps版本与您的Angular版本兼容。您可以查看Angular Google Maps文档或库的GitHub页面,以获取有关兼容性的更多信息。
希望这些步骤能帮助您解决Angular Google Maps的mapClick()事件不起作用的问题!