"AGM地图与ngIf"是指Angular Google Maps(AGM)地图与ngIf指令的结合使用。下面是一个解决方案,包含了代码示例:
npm install @agm/core
import { AgmCoreModule } from '@agm/core';
@NgModule({
imports: [
AgmCoreModule.forRoot({
apiKey: 'YOUR_API_KEY' // 需要替换为您自己的Google Maps API密钥
})
]
})
export class AppModule { }
import { Component } from '@angular/core';
@Component({
selector: 'app-map',
template: `
`
})
export class MapComponent {
lat = 51.678418;
lng = 7.809007;
showMap = false;
// 根据条件设置showMap的值
toggleMap() {
this.showMap = !this.showMap;
}
}
这样,当点击“显示/隐藏地图”按钮时,地图将根据showMap的值显示或隐藏。
上一篇:AGM地图绑定问题
下一篇:AGM地图中不反映单例值更新。