即使我为 agm-maps 设置了选项,我也会在很短的时间内看到我的选项,然后它们都会消失。我无法理解这种行为。我创建了一个简单的项目来演示 Stackblitz 中的问题,我也将在这里分享我的代码。
- 代码示例
地图.html:
<agm-map [latitude]="lat" [longitude]="lng"
(mapReady)="onMapReady($event)"
>
<agm-marker [latitude]="lat" [longitude]="lng"></agm-marker>
</agm-map>
maps.component.ts
onMapReady(map: any) {
this.map = map;
this.map.setOptions({
mapTypeControl: 'true',
mapTypeControlOptions: {
mapTypeIds: ['roadmap', 'hybrid'],
position: google.maps.ControlPosition.TOP_LEFT,
style: google.maps.MapTypeControlStyle.HORIZONTAL_BAR
},
fullscreenControl: true,
streetViewControl: true
});
}
- 堆栈闪电战
https://stackblitz.com/edit/angular-agm-vvqbao?file=app/app.component.ts
- 参考
您可以在 Stackblitz 中看到,每当地图加载时,我的地图类型控件会在地图的左上角闪烁片刻,然后无缘无故消失。您可能不会在第一次尝试时意识到,您可以在查看地图左上角的同时刷新页面。