在Angular Google地图中获取center_changed
事件的经纬度可以通过以下步骤实现:
@agm/core
库来集成Google地图到Angular应用中。agm-map
元素,并设置[ (centerChange)]
属性来监听地图的center_changed
事件。示例代码如下:<agm-map [latitude]="lat" [longitude]="lng" [ (centerChange)]="onCenterChange">
<agm-marker [latitude]="lat" [longitude]="lng"></agm-marker>
</agm-map>
lat
和lng
变量来存储地图的中心点经纬度。同时,实现onCenterChange
方法来获取center_changed
事件的经纬度。示例代码如下:import { Component } from '@angular/core';
@Component({
selector: 'app-map',
templateUrl: './map.component.html',
styleUrls: ['./map.component.css']
})
export class MapComponent {
lat: number;
lng: number;
onCenterChange(event: any) {
this.lat = event.lat;
this.lng = event.lng;
console.log('经度:', this.lng);
console.log('纬度:', this.lat);
}
}
在onCenterChange
方法中,可以通过event.lat
和event.lng
获取到center_changed
事件的经纬度,并将其赋值给lat
和lng
变量。
这样,当地图的中心点发生变化时,onCenterChange
方法会被调用,并打印出经纬度信息。
关于Angular Google地图的更多详细信息和使用方法,可以参考腾讯云提供的相关产品:腾讯云地图(Tencent Maps)。
领取专属 10元无门槛券
手把手带您无忧上云