问题遇到的现象和发生背景
1.本人人使用的angular
2.本人在调用百度api后Ts文件下的自定义函数中调用this.map.addOverlay(markerMouse);
提示报错Cannot read properties of undefined (reading 'addOverlay')
问题相关代码,请勿粘贴截图
map = new BMap.Map('map');//创建地图实例
ngOnInit(): void {
this. map = new BMap.Map("map");
var point = new BMap.Point(116.407, 39.915);//创建点坐标
this.map.centerAndZoom(point, 15);//初始化地图,设置中心点坐标和地图级别
this.map.addOverlay(116.407, 39.915);
}
addSign() { //这里是在html中按钮监听,当点击时提示可以开始了
alert("请开始在地图上点击添加点")
this.map.addEventListener('click',this.handleClick)
}
handleClick (e:any)
{
alert('点击的经纬度:' + e.point.lng + ', ' + e.point.lat)
var point = new BMap.Point(e);
var markerMouse = new BMap.Point(point );//创建点坐标
this.map.addOverlay(markerMouse); //问题
}
运行结果及报错内容
Cannot read properties of undefined (reading 'addOverlay')
我想要达到的结果
当我点击按钮后,提示开始了,在地图上点击获取坐标并在座标出创建一个点。